.btn{--btn-ease:cubic-bezier(.22, 1, .36, 1);--btn-spring:cubic-bezier(.34, 1.56, .64, 1);border:2px solid var(--color-primary);font-family:var(--font-mono);text-align:center;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:translate .3s var(--btn-ease), scale .15s ease, box-shadow .35s var(--btn-ease), background-color .3s ease, background-position .7s var(--btn-ease), border-color .3s ease;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:clamp(12px,.6rem + .5vw,16px) clamp(18px,1rem + .6vw,24px);font-size:clamp(1rem,.92rem + .35vw,1.25rem);font-weight:600;line-height:1.2;display:inline-flex}.btn svg{transition:translate .3s var(--btn-ease), rotate .4s var(--btn-spring);flex-shrink:0}.btn:active{scale:.98}.btn:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px}.btnSm{padding:14px 22px;font-size:1.175rem}.btnPrimary{background-color:var(--color-primary);color:#fff;box-shadow:0 1px 2px color-mix(in srgb, var(--color-primary) 8%, transparent);background-image:linear-gradient(110deg,#0000 35%,#ffffff29 50%,#0000 65%);background-position:100% 0;background-repeat:no-repeat;background-size:300% 100%}.btnSecondary{color:var(--color-primary);background-color:#0000}@media (hover:hover){.btn:hover{translate:0 -2px}.btn:hover .btnArrow{translate:4px}.btnPrimary:hover{box-shadow:0 2px 4px color-mix(in srgb, var(--color-primary) 10%, transparent), 0 12px 24px -8px color-mix(in srgb, var(--color-primary) 45%, transparent);background-position:0 0}.btnSecondary:hover{border-color:var(--color-secondary);box-shadow:0 10px 20px -10px color-mix(in srgb, var(--color-primary) 30%, transparent);background-color:#fff}.btnSecondary:hover svg:not(.btnArrow){rotate:-12deg}}.btn:disabled{cursor:not-allowed;opacity:.4}.btn:disabled:hover,.btn:disabled:active{box-shadow:none;background-position:100% 0;translate:none;scale:none}.btn:disabled .btnArrow{translate:none}@media (prefers-reduced-motion:reduce){.btn,.btn svg{transition:none}.btn:hover,.btn:active,.btn:hover svg{translate:none;rotate:none;scale:none}}