:root{--btn-text-on-bg-color: var(--white)}.button{--btn-padding-y: var(--gap-05);gap:10px;align-items:center;padding:var(--btn-padding-y) var(--gap-2);transition:opacity .6s ease,color .6s ease,background-position .4s ease-out;border-radius:var(--btn-border-radius, 0);word-break:break-word;text-align:center;display:inline-block;cursor:pointer}.button[disabled]{opacity:.4}.button p{margin:0;font-weight:var(--weight-bold)}.button.inline-flex{display:inline-flex;justify-content:center}.button .metafield-rich_text_field{pointer-events:none}.button.btn-1{border-width:var(--btn-border-width);border-style:solid;color:var(--btn-text-on-bg-color)}.button.btn-1.black-1{border-color:var(--black);background:var(--black)}.button.btn-1.blue-1,.button.btn-1.red-1{border-color:var(--main-color);background:var(--main-color)}.button.btn-1 .metafield-rich_text_field>*{border-color:rgb(var(--btn-alt-bg-color));color:var(--btn-text-on-bg-color)}.button.btn-2{border:var(--btn-border-width) solid var(--main-color);background:var(--white);background-size:300% 100%;color:var(--main-color)}.button.btn-2 .metafield-rich_text_field p{color:var(--main-color)}.button.btn-2 .icon path{fill:var(--main-color)}.button.btn-l{--btn-padding-y: 20px;padding:var(--btn-padding-y) 56px}.button.btn-l p{font-size:var(--h7-font-size)}@media not (max-width:48rem){.button{padding:var(--btn-padding-y) var(--gap-4)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/f-button.css.map */