.button,.btn{--button-background: var(--button-background-primary) / var(--button-background-opacity, 1);--button-text-color: var(--button-text-primary);--button-outline-color: var(--button-background-primary);-webkit-appearance:none;appearance:none;border-radius:var(--rounded-button);background-color:rgb(var(--button-background));color:rgb(var(--button-text-color));text-align:center;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;padding:14px 23px;font-weight:500;line-height:1;transition:background-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-flex;align-items:center;justify-content:center;position:relative}:is(.button,.btn)[class*=--sm]{font-size:var(--text-xs);padding-block-start:var(--spacing-2);padding-block-end:var(--spacing-2);line-height:1.7}:is(.button,.btn)[class*=--lg]{font-size:var(--text-base);padding-block-start:.8125rem;padding-block-end:.8125rem;padding-inline-start:var(--spacing-6);padding-inline-end:var(--spacing-6)}:is(.button,.btn)[class*=--xl]{font-size:var(--text-base);padding-block-start:var(--spacing-4);padding-block-end:var(--spacing-4);padding-inline-start:var(--spacing-8);padding-inline-end:var(--spacing-8)}:is(.button,.btn)[class*=--secondary]{--button-background: var(--button-background-secondary) / var(--button-background-opacity, 1);--button-text-color: var(--button-text-secondary);--button-outline-color: var(--button-background-primary)}:is(.button,.btn)[class*=--secondary][class*=--dot]:before{background-color:rgb(var(--button-text-secondary))}:is(.button,.btn)[class*=--preorder]{--button-background: var(--primary-badge-background)}:is(.button,.btn)[class*=--subdued]{--button-background: var(--text-color) / .1 !important;--button-text-color: var(--text-color) !important;--button-outline-color: var(--text-color) !important}:is(.button,.btn)[class*=--outline]{color:rgb(var(--button-text-secondary));background:none;box-shadow:inset 0 0 0 1px rgb(var(--button-outline-color) / .12)}:is(.button,.btn)[class*=--outline][class*=--dot]:before{background-color:rgb(var(--button-text-secondary))}:is(.button,.btn)[class*=--underline]{padding-inline-start:0;padding-inline-end:0;color:rgb(var(--button-text-secondary));background:none;border-bottom:1px solid #1111111F}:is(.button,.btn)[class*=--underline][class*=--dot]:before{background-color:rgb(var(--button-text-secondary))}:is(.button,.btn)[class*=--dot]{display:inline-flex;align-items:center;justify-content:center;gap:15px}:is(.button,.btn)[class*=--dot]:before{content:"";background-color:rgb(var(--button-text-primary));border-radius:50%;width:6px;height:6px;flex-shrink:0;transition:background-color .15s ease-in-out}:is(.button,.btn)[class*=--dot]:hover:before,:is(.button,.btn)[class*=--dot]:focus-visible:before{animation:pulse-dot 1.4s infinite ease-in-out}@keyframes pulse-dot{0%{box-shadow:0 0 rgba(var(--button-text-color),.6);transform:scale(1)}70%{box-shadow:0 0 0 10px rgba(var(--button-text-color),0);transform:scale(1.4)}to{box-shadow:0 0 rgba(var(--button-text-color),0);transform:scale(1)}}.button__loader,.button__feedback{gap:var(--spacing-1-5);opacity:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.button__loader>*{width:var(--spacing-1-5);height:var(--spacing-1-5);border-radius:var(--rounded-full);background:currentColor}@media screen and (min-width: 700px){.button--sm{padding-block-start:var(--spacing-2);padding-block-end:var(--spacing-2);padding-inline-start:var(--spacing-5);padding-inline-end:var(--spacing-5)}.button--lg{padding-block-start:var(--spacing-3-5);padding-block-end:var(--spacing-3-5);padding-inline-start:var(--spacing-8);padding-inline-end:var(--spacing-8)}.button--xl{padding-block-start:1.075rem;padding-block-end:1.075rem;padding-inline-start:var(--spacing-10);padding-inline-end:var(--spacing-10)}}.back-button{align-items:center;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--rounded-button);opacity:.7;border-width:1px;transition:all .2s ease-in-out;display:flex}@media screen and (pointer: fine){.back-button:hover{opacity:1}}@media screen and (min-width: 700px){.back-button{padding:var(--spacing-3) var(--spacing-6)}}.circle-button{width:var(--spacing-12);height:var(--spacing-12);border-radius:var(--rounded-full);place-items:center;transition:opacity .15s ease-in;display:grid}.circle-button[disabled]{opacity:.5;pointer-events:none}.circle-button--fill{background:rgb(var(--background-primary));color:rgb(var(--text-primary))}.circle-button--bordered{border:2px solid}.circle-button--sm{width:var(--spacing-10);height:var(--spacing-10)}.circle-button--lg{width:var(--spacing-14);height:var(--spacing-14)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/button.css.map */