.card__quick-add-wrapper{position:absolute;bottom:10px;right:10px;z-index:3}.quick-add-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-width:35px;width:35px;height:35px;padding:0;margin:0;background-color:rgb(var(--color-background));border:none;border-radius:50px;cursor:pointer;transition:all .35s ease-in-out;box-shadow:0 2px 6px #00000014;position:relative;overflow:hidden;white-space:nowrap}.quick-add-button__icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;min-width:35px;flex-shrink:0;position:relative}.quick-add-button__icon .quick-add-icon{width:20px;height:20px;color:rgb(var(--color-foreground));stroke:currentColor;flex-shrink:0;transition:color .35s ease-in-out,opacity .2s ease;display:block;opacity:1}.quick-add-button__icon .quick-add-spinner{width:20px;height:20px;color:rgb(var(--color-foreground));stroke:currentColor;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;animation:spin .8s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.quick-add-button.is-loading .quick-add-icon{opacity:0}.quick-add-button.is-loading .quick-add-spinner{opacity:1}.quick-add-button.is-loading{pointer-events:none}.quick-add-button__text{font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground));opacity:0;max-width:0;overflow:hidden;transition:opacity .35s ease-in-out,max-width .35s ease-in-out,color .35s ease-in-out;white-space:nowrap;line-height:1}@media screen and (min-width:750px){.quick-add-button:not(.is-loading):hover{width:auto;padding-right:16px;background-color:rgb(var(--color-foreground));box-shadow:0 4px 12px #00000026}.quick-add-button:not(.is-loading):hover .quick-add-icon{color:rgb(var(--color-background))}.quick-add-button:not(.is-loading):hover .quick-add-button__text{opacity:1;max-width:200px;color:rgb(var(--color-background))}}@media screen and (min-width:750px){.card__quick-add-wrapper{opacity:0;transition:opacity .2s ease-in-out}.card-wrapper:hover .card__quick-add-wrapper{opacity:1}}@media screen and (max-width:749px){.card__quick-add-wrapper{opacity:1}.quick-add-button__text{display:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/quick-add-button.css.map */