.btn{box-sizing:border-box;min-height:var(--tap-min);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 6);border:2px solid var(--color-deep-blue);font-family:var(--font-label);font-size:var(--body-lg);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:transform var(--dur-base) var(--ease-base), box-shadow var(--dur-base) ease, background-color var(--dur-fast) ease, color var(--dur-fast) ease;justify-content:center;align-items:center;line-height:1.15;text-decoration:none;display:inline-flex}.btn__label{display:block}.btn--primary{background-color:var(--color-deep-blue);color:var(--color-white);box-shadow:var(--shadow-gold)}.btn--primary:hover{box-shadow:0 0 0 0 var(--color-yellow);background-color:var(--color-turquoise-mid);color:var(--color-deep-blue);transform:translate(5px,5px)}.btn--primary:active{box-shadow:0 0 0 0 var(--color-yellow);transform:translate(5px,5px)}.btn--secondary{background-color:var(--color-white);color:var(--color-deep-blue);box-shadow:var(--shadow-gold)}.btn--secondary:hover{box-shadow:0 0 0 0 var(--color-yellow);background-color:var(--color-turquoise);transform:translate(5px,5px)}.btn--secondary:active{box-shadow:0 0 0 0 var(--color-yellow);transform:translate(5px,5px)}.btn--icon{width:var(--tap-min);min-width:var(--tap-min);padding:0}.btn--icon svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);display:block}.btn:focus-visible{outline:2px solid var(--color-deep-blue);outline-offset:3px}@media (prefers-reduced-motion:reduce){.btn{transition:box-shadow var(--dur-fast) ease, background-color var(--dur-fast) ease, color var(--dur-fast) ease}.btn--primary:hover,.btn--primary:active,.btn--secondary:hover,.btn--secondary:active{box-shadow:var(--shadow-gold);transform:none}}
