@layer elements{.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-xl);box-shadow:0 .125rem 0 0 var(--primitive-black);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;letter-spacing:var(--tracking-normal);line-height:1;overflow:hidden;padding:13px 15px;position:relative;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default);white-space:nowrap;will-change:transform}.btn:before{background:linear-gradient(105deg,transparent 40%,hsla(0,0%,100%,.22) 50%,transparent 60%);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);transition:transform .9s ease}.btn:hover:before{transform:translateX(200%)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.4;pointer-events:none}.btn--primary{background-color:var(--primitive-terracotta);border-color:var(--primitive-terracotta);color:var(--primitive-white)}.btn--primary:hover{background-color:#d4757a;border-color:#d4757a;box-shadow:0 0 1.375rem rgba(201,93,99,.55),0 .125rem 0 0 var(--primitive-black);transform:scale(1.03)}.btn--secondary{background-color:var(--color-bg);border-color:var(--primitive-terracotta);color:var(--primitive-white)}.btn--secondary:hover{background-color:var(--color-surface);box-shadow:0 0 1.375rem rgba(201,93,99,.55),0 .125rem 0 0 var(--primitive-black);transform:scale(1.03)}.btn--sm{font-size:var(--font-size-sm);padding-block:var(--space-2);padding-inline:var(--space-4)}.btn--lg{font-size:var(--font-size-md);padding-block:var(--space-4);padding-inline:var(--space-6)}}