@layer components{.btn{align-items:center;gap:var(--space-250);height:44px;padding:0 var(--space-600);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border:none;text-decoration:none;display:inline-flex}@media (max-width:600px){.btn{font-size:var(--text-label-lg)}}.btn-dark,.btn-black{background:var(--button-primary-surface);color:var(--button-primary-text)}.btn-dark:hover,.btn-black:hover{background:var(--n700)}.btn-white{background:var(--white);color:var(--black)}.btn-white:hover{background:var(--n200)}.btn-ghost{color:var(--button-secondary-text);border:var(--stroke-025) solid var(--n200);background:0 0}.btn-ghost:hover{border-color:var(--border-boldest);background:var(--n50)}.btn-ghost-light{color:var(--white);border:var(--stroke-025) solid var(--white);background:0 0}.btn-ghost-light:hover{background:var(--white);color:var(--black)}.btn-green{background:var(--button-green-surface);color:var(--button-green-text)}.btn-orange{background:var(--button-orange-surface);color:var(--button-orange-text)}.btn-blue{background:var(--button-blue-surface);color:var(--button-blue-text)}.btn-purple{background:var(--button-purple-surface);color:var(--button-purple-text)}.btn-green:hover,.btn-orange:hover,.btn-blue:hover,.btn-purple:hover{filter:brightness(.93)}}