.quick-add__button-wrapper{position:absolute;padding:var(--spacing-04);width:100%;bottom:0;right:0;display:flex;justify-content:flex-end}.quick-add__button{color:rgb(var(--color-accent-primary-stronger));position:relative;border:.1rem solid currentColor;cursor:pointer;background-color:transparent;height:4rem;width:4rem;min-height:4rem;min-width:4rem;padding:0;transition:width .25s ease,background-color .25s ease;overflow:hidden;border-radius:var(--radius-sm)}.quick-add__button.button:hover{color:rgb(var(--color-accent-primary-stronger));background-color:rgb(var(--color-accent-primary-lightest))}.quick-add__button[data-state=expanded]{width:100%}.quick-add__button[data-state=expanded] .quick-add__button-toggle{transition:opacity .1s ease;opacity:0}.quick-add__button[data-state=expanded] .quick-add__button-text{transition:opacity .25s ease .35s;opacity:1}.quick-add__button[data-state=initial] .quick-add__button-text{transition:opacity .1s ease;opacity:0}.quick-add__button[data-state=initial] .quick-add__button-toggle{transition:opacity .25s ease .35s;opacity:1}.quick-add__button-toggle{width:2.4rem;height:2.4rem}.quick-add__button>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quick-add__button-text{opacity:0;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/76/assets/component-quick-add-button.css.map */
