:root{--btn-height: 46px;--btn-padding: 8px 16px;--btn-radius: 4px;--btn-gap: 10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);font-family:var(--font-body-family);font-size:var(--font-body-m-size);font-weight:700;line-height:1.5em;text-align:center;height:var(--btn-height);padding:var(--btn-padding);border-radius:var(--btn-radius);border:none;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}.btn:focus-visible{outline:2px solid var(--button-focus-color);outline-offset:5px;border-radius:var(--btn-radius)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;pointer-events:none;opacity:.4}.btn-focus{outline:2px solid var(--button-focus-color);outline-offset:5px;border-radius:var(--btn-radius)}.btn svg,.btn img{width:24px;height:24px;flex-shrink:0}@media(max-width:767px){.btn{height:var(--btn-height);padding:10px 18px;font-size:var(--font-body-s-size)}.btn svg,.btn img{width:20px;height:20px}}.btn-primary{background-color:var(--primary-button-bg);color:var(--primary-button-text)}@media(hover:hover){.btn-primary:hover:not(:disabled){background-color:var(--primary-button-bg-hv);color:var(--primary-button-text-hv, var(--primary-button-text))}}.btn-primary.btn-hover{background-color:var(--primary-button-bg-hv);color:var(--primary-button-text-hv, var(--primary-button-text))}.btn-primary:focus-visible{background-color:var(--primary-button-bg)}.btn-primary:disabled{background-color:var(--primary-button-bg);color:var(--primary-button-text);opacity:.4}.btn-secondary{background-color:var(--secondary-button-bg);color:var(--secondary-button-border);border:1px solid var(--secondary-button-border)}@media(max-width:767px){.btn-secondary{padding:8px 16px}}@media(hover:hover){.btn-secondary:hover:not(:disabled){background-color:var(--secondary-button-bg-hv);color:var(--secondary-button-text-hv);border-color:var(--secondary-button-border-hv)}}.btn-secondary.btn-hover{background-color:var(--secondary-button-bg-hv);color:var(--secondary-button-text-hv);border-color:var(--secondary-button-border-hv)}.btn-secondary:focus-visible{background-color:var(--secondary-button-bg-hv);color:var(--secondary-button-text-hv);border-color:var(--secondary-button-border-hv)}.btn-secondary:disabled{background-color:transparent;color:var(--secondary-button-border);border-color:var(--secondary-button-border);opacity:.4}.btn-secondary.btn-focus{background-color:var(--secondary-button-bg-hv);color:var(--secondary-button-text-hv);border-color:var(--secondary-button-border-hv)}.btn-link{background-color:transparent;color:var(--primary-button-bg);text-decoration:underline;height:auto;padding:0;border:none}@media(hover:hover){.btn-link:hover:not(:disabled){text-decoration:none}}.btn-link.btn-hover{text-decoration:none}.btn-link:focus-visible{text-decoration:none;border-radius:var(--btn-radius)}.btn-link:disabled{opacity:.4}@media(max-width:767px){.btn-link,.btn-link:focus-visible{color:var(--primary-button-bg-hv)}}.btn-danger{background-color:var(--error-color);color:#fff}@media(hover:hover){.btn-danger:hover:not(:disabled){background-color:color-mix(in oklch,var(--error-color) 85%,black)}}.btn-danger.btn-hover{background-color:color-mix(in oklch,var(--error-color) 85%,black)}.btn-danger:focus-visible{background-color:var(--error-color)}.btn-danger:disabled{background-color:var(--error-color);color:#fff;opacity:.4}
/*# sourceMappingURL=/cdn/shop/t/3/assets/buttons.css.map */