@layer components{.action-link{display:inline-block;padding:var(--space-2xs)var(--space-s);border:2px solid var(--color-accent);border-radius:var(--radius-m);font-weight:600;text-decoration:none;transition:translate 120ms ease,box-shadow 120ms ease;&:hover{translate:0 -1px;box-shadow:var(--shadow-s)}&[data-variant=primary]{background:var(--color-accent);color:var(--color-on-accent)}&[data-variant=ghost]{background:0 0;color:var(--color-accent-strong)}}}