.button-block{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:var(--font-weight, 500);font-size:var(--font-size, 1rem);line-height:1.2;padding:var(--padding-vertical, .75em) var(--padding-horizontal, 1.5em);border-radius:var(--border-radius, 4px);border:var(--border, 1px solid transparent);transition:all .2s ease-in-out;cursor:pointer;text-align:center;background-color:var(--background-color, #111);color:var(--text-color, #fff);position:relative;overflow:hidden;min-width:var(--min-width, auto);max-width:var(--max-width, 100%);margin:var(--margin, 0);box-shadow:var(--shadow, none)}.button-block.variant-primary{--background-color: var(--color-primary, #ff805f);--text-color: var(--color-primary-text, #ffffff);--border: 1px solid var(--color-primary, #ff805f)}.button-block.variant-secondary{--background-color: var(--color-secondary, #f0f0f0);--text-color: var(--color-secondary-text, #333333);--border: 1px solid var(--color-secondary, #f0f0f0)}.button-block.variant-outline{--background-color: transparent;--text-color: var(--color-primary, #3a3aff);--border: 1px solid var(--color-primary, #3a3aff)}.button-block.variant-ghost{--background-color: transparent;--text-color: var(--color-primary, #3a3aff);--border: 1px solid transparent}.button-block.variant-danger{--background-color: var(--color-danger, #e53935);--text-color: var(--color-danger-text, #ffffff);--border: 1px solid var(--color-danger, #e53935)}.button-block.variant-success{--background-color: var(--color-success, #43a047);--text-color: var(--color-success-text, #ffffff);--border: 1px solid var(--color-success, #43a047)}.button-block.size-small{--font-size: .9rem;--padding-vertical: .5em;--padding-horizontal: 1em}.button-block.size-medium{--font-size: 1.125rem;--padding-vertical: .75em;--padding-horizontal: 1.5em}.button-block.size-large{--font-size: 1.35rem;--padding-vertical: .875em;--padding-horizontal: 2em}.button-block.shape-square{--border-radius: 0}.button-block.shape-rounded{--border-radius: 4px}.button-block.shape-pill{--border-radius: 999px}.button-block.shadow-none{--shadow: none}.button-block.shadow-small{--shadow: 0 2px 4px rgba(0, 0, 0, .1)}.button-block.shadow-medium{--shadow: 0 4px 8px rgba(0, 0, 0, .1)}.button-block.shadow-large{--shadow: 0 8px 16px rgba(0, 0, 0, .1)}.button-block.align-left{margin-right:auto;margin-left:0}.button-block.align-center{margin-left:auto;margin-right:auto}.button-block.align-right{margin-left:auto;margin-right:0}.button-block.align-stretch,.button-block.full-width{width:100%;display:flex}.button-block:hover{opacity:.9}.button-block:active{transform:translateY(1px)}.button-block:focus{outline:none}.button-block:focus-visible{outline:2px solid var(--text-color, #fff);outline-offset:2px;box-shadow:0 0 0 4px #0000001a}.button-block.disabled,.button-block[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}.button-block.animate-pulse{animation:button-pulse 1.5s infinite}@keyframes button-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/22/assets/button-block.css.map?v=69112092691938232801744814905 */