.dev-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:var(--dev-btn-gap, 8px);padding:var(--dev-btn-py, 18px) var(--dev-btn-px, 24px);border:var(--dev-btn-bw, 0) solid var(--dev-btn-bc, transparent);--dev-btn-pill-r: calc( var(--dev-btn-py, 18px) + var(--dev-btn-bw, 0px) + var(--dev-btn-fs, 18px) * var(--dev-btn-lh, 1.4) / 2 );border-radius:min(var(--dev-btn-radius, 60px),var(--dev-btn-pill-r));background-color:var(--dev-btn-bg, transparent);color:var(--dev-btn-color, var(--color));font-family:var(--font-body);font-size:var(--dev-btn-fs, 18px);font-weight:var(--dev-btn-fw, 700);line-height:var(--dev-btn-lh, 1.4);text-align:center;text-decoration:none;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background-color .3s ease-out,border-color .3s ease-out,color .3s ease-out,border-radius .3s ease-out}.dev-btn__label{display:inline-block}.dev-btn__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.dev-btn__icon svg{display:block}.dev-btn--filled{--dev-btn-bg: var(--accent);--dev-btn-color: var(--color)}.dev-btn--dark{--dev-btn-bg: var(--color);--dev-btn-color: var(--dev-btn-on-dark, #ffffff)}.dev-btn--outline{--dev-btn-bg: transparent;--dev-btn-bw: 1px;--dev-btn-bc: var(--color);--dev-btn-color: var(--color)}.dev-btn--ghost{--dev-btn-bg: var(--dev-btn-ghost-bg, rgba(52, 52, 52, .66));--dev-btn-bw: 1px;--dev-btn-bc: var(--dev-btn-on-dark, #ffffff);--dev-btn-color: var(--dev-btn-on-dark, #ffffff)}.dev-btn--text{--dev-btn-bg: transparent;--dev-btn-py: 0px;--dev-btn-px: 0px;--dev-btn-color: var(--color);gap:var(--dev-btn-gap, 4px)}.dev-btn--full{width:100%}@media(hover:hover){.dev-btn:not(.dev-btn--text):not([disabled]):hover{border-radius:var(--dev-btn-radius-hover, 16px)}.dev-btn--filled:not([disabled]):hover{background-color:var(--dev-btn-bg-hover, #96c857)}.dev-btn--dark:not([disabled]):hover{background-color:var(--dev-btn-bg-hover, #666666)}.dev-btn--outline:not([disabled]):hover{background-color:var(--dev-btn-bg-hover, #fffcf4)}.dev-btn--ghost:not([disabled]):hover{background-color:var(--dev-btn-ghost-hover, var(--dev-btn-ghost-bg, rgba(52, 52, 52, .66)))}.dev-btn--text:not([disabled]):hover{color:var(--dev-btn-text-hover, #666666)}}.dev-btn[disabled],.dev-btn:disabled,.dev-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.dev-btn[aria-busy=true]{cursor:progress}.dev-btn:focus-visible{outline:2px solid var(--dev-btn-focus, var(--accent));outline-offset:2px}.dev-btn:focus:not(:focus-visible){outline:none}@media(max-width:768px){.dev-btn:not(.dev-btn--text){min-height:44px;min-width:44px}}@media(prefers-reduced-motion:reduce){.dev-btn,.dev-btn__icon{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/dev-button.css.map */