.quick-button{width:100%;cursor:pointer;padding:0 3rem;position:relative;text-align:center;align-items:center;display:inline-flex;border-radius:99em;text-decoration:none;justify-content:center;min-height:calc(4.5rem + var(--buttons-border-width) * 2);--shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);--shadow-vertical-offset: var(--buttons-shadow-vertical-offset);--shadow-blur-radius: var(--buttons-shadow-blur-radius);--shadow-opacity: var(--buttons-shadow-opacity);--shadow-visible: var(--buttons-shadow-visible);--border-offset: var(--buttons-border-offset);--border-opacity: calc(1 - var(--buttons-border-opacity))}.quick-button:hover:after{--border-offset: 1.3px;box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background))}.quick-button--dark{color:#fff;--color-button: 55, 52, 62;background-color:#37343e}.quick-button--success{color:#fff;--color-button-text: var(--color-secondary-button-text);--color-button: 35, 183, 88;background-color:#23b758}.quick-button--white{background-color:#fff;color:#000;border:1px solid #000}.quick-button--white:hover{background-color:#f5f5f5}.quick-button--primary{background-color:rgba(var(--color-button),var(--alpha-button-background));color:#fff}.quick-button--secondary{color:rgb(var(--color-secondary-button-label));--color-button: var(--color-secondary-button);--color-button-text: var(--color-secondary-button-text);background-color:transparent!important}.quick-button--secondary:after{--border-opacity: var(--buttons-border-opacity)}.quick-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--buttons-radius-outset);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.quick-button:after{content:"";position:absolute;top:var(--buttons-border-width);right:var(--buttons-border-width);bottom:var(--buttons-border-width);left:var(--buttons-border-width);z-index:1;border-radius:var(--buttons-radius);box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background));transition:box-shadow var(--duration-short) ease}
/*# sourceMappingURL=/cdn/shop/t/389/assets/component-quick-buttons.css.map */