.at-btn{display:inline-flex;align-items:center;gap:var(--at-spacing-4);font-family:var(--at-font-ui);font-size:var(--at-text-body-sm-caps-size);font-weight:var(--at-text-body-sm-caps-weight);line-height:var(--at-text-body-sm-caps-lh);letter-spacing:var(--at-text-body-sm-caps-ls);text-transform:uppercase;text-decoration:none;cursor:pointer;border:none;border-radius:var(--at-radius-md);position:relative;transition:background-color var(--at-transition-duration) var(--at-transition-easing),color var(--at-transition-duration) var(--at-transition-easing),border-color var(--at-transition-duration) var(--at-transition-easing)}.at-btn svg{flex-shrink:0;display:block}.at-btn__text{line-height:1}.at-btn--p-dark{background-color:var(--at-color-surface-dark);color:var(--at-color-text-light);padding:var(--at-spacing-4)}.at-btn--p-dark:not(:has(.at-btn__caret-wrap)){padding-inline-end:var(--at-spacing-4)}.at-btn--p-dark .at-btn__caret-wrap{display:flex;align-items:center;padding:var(--at-spacing-2);border-radius:var(--at-radius-md);transition:background-color var(--at-transition-duration) var(--at-transition-easing);color:var(--at-color-text-light)}.at-btn--p-dark:hover .at-btn__caret-wrap{background-color:var(--at-color-brand-primary)}.at-btn--p-accent{background-color:var(--at-color-brand-accent);color:var(--at-color-text-light);padding:var(--at-spacing-2) var(--at-spacing-2) var(--at-spacing-2) var(--at-spacing-4)}.at-btn--p-accent:hover{background-color:var(--at-color-brand-primary)}.at-btn--p-accent .at-btn__caret-wrap{display:flex;align-items:center;padding:var(--at-spacing-2);border-radius:var(--at-radius-md);transition:background-color var(--at-transition-duration) var(--at-transition-easing);color:var(--at-color-text-light)}.at-btn--p-accent:hover .at-btn__caret-wrap{background-color:var(--at-color-surface-dark)}.at-btn--p-brand{background-color:var(--at-color-brand-primary-strong);color:var(--at-color-white);padding:var(--at-spacing-2) var(--at-spacing-2) var(--at-spacing-2) var(--at-spacing-4)}.at-btn--p-brand:not(:has(.at-btn__caret-wrap)){padding:var(--at-spacing-4)}.at-btn--p-brand:hover{background-color:color-mix(in srgb,var(--at-color-brand-primary-strong) 85%,var(--at-color-black))}.at-btn--p-brand .at-btn__caret-wrap{display:flex;align-items:center;padding:var(--at-spacing-2);border-radius:var(--at-radius-md);transition:background-color var(--at-transition-duration) var(--at-transition-easing);color:var(--at-color-white)}.at-btn--p-brand:hover .at-btn__caret-wrap{background-color:var(--at-color-surface-dark)}.at-btn--p-brand:focus-visible{outline-color:var(--at-color-brand-primary-strong)}.at-btn--p-neutral{background-color:var(--at-color-surface-neutral);color:var(--at-color-surface-dark);padding:var(--at-spacing-2) var(--at-spacing-2) var(--at-spacing-2) var(--at-spacing-4)}.at-btn--p-neutral:not(:has(.at-btn__caret-wrap)){padding-inline-end:var(--at-spacing-4)}.at-btn--p-neutral:not(:has(.at-btn__caret-wrap)):hover{background-color:var(--at-color-brand-primary);color:var(--at-color-text-light)}.at-btn--p-neutral .at-btn__caret-wrap{display:flex;align-items:center;padding:var(--at-spacing-2);border-radius:var(--at-radius-md);transition:background-color var(--at-transition-duration) var(--at-transition-easing),color var(--at-transition-duration) var(--at-transition-easing)}.at-btn--p-neutral:hover .at-btn__caret-wrap{background-color:var(--at-color-brand-primary);color:var(--at-color-white)}.at-btn--p-light{background-color:var(--at-color-surface-light);color:var(--at-color-surface-dark);padding:var(--at-spacing-2) var(--at-spacing-2) var(--at-spacing-2) var(--at-spacing-4)}.at-btn--p-light:not(:has(.at-btn__caret-wrap)){padding-inline-end:var(--at-spacing-4)}.at-btn--p-light .at-btn__caret-wrap{display:flex;align-items:center;padding:var(--at-spacing-2);border-radius:var(--at-radius-md);transition:background-color var(--at-transition-duration) var(--at-transition-easing),color var(--at-transition-duration) var(--at-transition-easing)}.at-btn--p-light:hover .at-btn__caret-wrap{background-color:var(--at-color-brand-primary);color:var(--at-color-white)}.at-btn--s-dark{background-color:var(--at-color-surface-dark-60);border:1px solid var(--at-color-stroke-25);color:var(--at-color-text-light);padding:var(--at-spacing-4)}.at-btn--s-dark:hover{background-color:var(--at-color-white);border-color:transparent;color:var(--at-color-text-dark)}.at-btn--s-light{background-color:var(--at-color-surface-neutral);border:1px solid var(--at-color-stroke-25);color:var(--at-color-text-dark);padding:var(--at-spacing-4)}.at-btn--s-light:hover{background-color:var(--at-color-brand-primary);border-color:transparent;color:var(--at-color-text-light)}.at-btn--tertiary{background:linear-gradient(90deg,var(--at-color-surface-dark) 0%,var(--at-color-surface-dark) 100%);border:1px solid var(--at-color-stroke-25);box-shadow:0 0 1px #00000096,inset 0 0 5px #ffffff1a;color:var(--at-color-text-light);padding:var(--at-spacing-4)}.at-btn--tertiary:hover{background:var(--at-color-surface-neutral-subtle);border-color:transparent;box-shadow:none;color:var(--at-color-text-dark)}.at-btn--link{background:transparent;color:var(--at-color-text-light);padding:var(--at-spacing-4);border-radius:var(--at-radius-sm);gap:var(--at-spacing-4)}.at-btn--link:hover{color:var(--at-color-brand-accent)}.at-btn--nav-l1{background-color:#27272a99;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);color:var(--at-color-text-light);padding:var(--at-spacing-4)}.at-btn--nav-l1:hover{background-color:var(--at-color-surface-dark-subtle)}.at-btn--nav-l1 .at-btn__subtitle{font-family:var(--at-font-sans);font-size:12px;font-weight:400;font-style:normal;text-transform:none;letter-spacing:0;line-height:1.4;color:var(--at-color-text-light)}.at-btn--nav-l2{background-color:var(--at-color-surface-dark);color:var(--at-color-text-subtle-light);padding:var(--at-spacing-4)}.at-btn--nav-l2:hover{background-color:var(--at-color-surface-dark-subtle)}.at-btn--nav-l2.at-btn--active{background-color:var(--at-color-surface-dark-neutral);color:var(--at-color-text-light)}.at-btn--nav-l2 .at-btn__subtitle{font-family:var(--at-font-sans);font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.4;color:var(--at-color-text-light)}.at-btn--nav-card{background-color:var(--at-color-surface-dark);color:var(--at-color-text-light);width:216px;border-radius:var(--at-radius-sm);padding:0;align-items:flex-start;gap:0;box-shadow:inset 0 0 16px #ffffff0d}.at-btn--nav-card:hover{background-color:var(--at-color-surface-dark-subtle)}.at-btn--nav-card .at-btn__content{display:flex;flex-direction:column;gap:var(--at-spacing-3);padding:var(--at-spacing-4);flex:1;min-width:0}.at-btn--nav-card .at-btn__text{display:block}.at-btn--nav-card .at-btn__desc{font-family:var(--at-font-sans);font-size:var(--at-text-body-sm-size);font-weight:var(--at-text-body-sm-weight);line-height:1.2;text-transform:none;letter-spacing:-.01em;color:var(--at-color-text-subtle-light);white-space:normal}.at-btn--number{background-color:#fff;box-shadow:0 0 1px #00000096;gap:var(--at-spacing-2);padding:var(--at-spacing-1);border-radius:var(--at-radius-md);color:var(--at-color-text-dark)}.at-btn__step{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:var(--at-spacing-2);background-color:var(--at-color-surface-neutral);border:none;border-radius:var(--at-radius-md);cursor:pointer;color:inherit;transition:background-color var(--at-transition-duration) var(--at-transition-easing)}.at-btn__step[data-at-step="-1"]{color:var(--at-color-stroke-25)}.at-btn__step:hover{background-color:var(--at-color-stroke-25)}.at-btn__count{font-family:var(--at-font-ui);font-size:var(--at-text-body-sm-caps-size);font-weight:var(--at-text-body-sm-caps-weight);line-height:var(--at-text-body-sm-caps-lh);min-width:14px;text-align:center}@media(max-width:768px){.at-btn{padding:var(--at-spacing-3);font-size:var(--at-text-body-sm-size)}.at-btn--p-accent{background-color:var(--at-color-brand-accent);color:var(--at-color-text-light);padding:var(--at-spacing-2) var(--at-spacing-2) var(--at-spacing-2) var(--at-spacing-4)}.at-btn--p-brand{padding:var(--at-spacing-2) var(--at-spacing-2) var(--at-spacing-2) var(--at-spacing-4)}.at-btn--p-brand:not(:has(.at-btn__caret-wrap)){padding:var(--at-spacing-3)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/at-button.css.map */