.btn{cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px var(--blue-500);outline:none}.btn:disabled{opacity:.5;pointer-events:none}.btn--sm{height:2rem;font-size:var(--text-caption);padding-inline:1rem}.btn--md{height:2.5rem;padding-inline:1.5rem;font-size:.875rem}.btn--lg{height:3rem;padding-inline:2rem;font-size:1rem}.btn--full-mobile{width:100%}@media (width>=640px){.btn--full-mobile{width:auto}}.btn--primary{background:var(--blue-600);color:var(--color-text-inverse)}@media (hover:hover){.btn--primary:hover{background:var(--blue-700)}}.btn--primary:active{background:var(--blue-800)}.btn--secondary{background:var(--slate-100);color:var(--slate-900)}@media (hover:hover){.btn--secondary:hover{background:var(--slate-200)}}.btn--secondary:active{background:var(--slate-300)}.btn--outline{border:1px solid var(--blue-600);color:var(--blue-600);background:0 0}@media (hover:hover){.btn--outline:hover{background:var(--blue-50)}}.btn--outline:active{background:var(--blue-100)}.btn--accent{color:var(--color-text-inverse);border:2px solid var(--acdw-orange);background-color:var(--acdw-orange-soft);min-width:10rem;height:auto;padding:1rem 1.5rem;font-weight:500;transition:background-color .3s cubic-bezier(.32,.72,.16,1),border-color .28s,box-shadow .28s}@media (hover:hover){.btn--accent:hover{background-color:#ff4e003d;border-color:#ff6a38f5;box-shadow:0 0 0 1px #ffc30038}}.btn--accent:focus-visible{outline:2px solid var(--acdw-yellow);outline-offset:3px;box-shadow:none}.btn--brand{background:var(--acdw-orange-deep);color:var(--color-text-inverse);min-width:10rem;height:auto;padding:1rem 1.5rem;font-weight:600}@media (hover:hover){.btn--brand:hover{background:var(--acdw-orange-deep-hover)}}.btn--brand:active{background:var(--acdw-orange-deep-hover)}.btn--inverse{background:var(--color-bg);color:var(--gray-900);min-width:10rem;height:auto;padding:1rem 1.5rem;font-weight:600}@media (hover:hover){.btn--inverse:hover{background:var(--gray-100)}}.btn--ghost-light{border:2px solid var(--color-text-inverse);color:var(--color-text-inverse);background:0 0;min-width:10rem;height:auto;padding:1rem 1.5rem;font-weight:600}@media (hover:hover){.btn--ghost-light:hover{background:#ffffff1a}}