.card-product__button{-webkit-appearance:none;appearance:none;background:#000;border:2px solid #000000;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1.78rem;font-weight:500;line-height:1.2;min-height:4.4rem;padding:1.2rem 2.4rem;position:relative;text-align:center;text-decoration:none;transition:box-shadow .1s ease-out;-webkit-user-select:none;user-select:none;white-space:nowrap;display:flex;width:100%;align-items:center;justify-content:center;gap:.8rem}.card-product__button-content{display:flex;flex:1;justify-content:center;align-items:center;gap:1rem}.card-product__text-and-icon{display:flex;align-items:center;gap:.8rem}.card-product__button-text{font-size:1.78rem;font-weight:500}.card-product__button svg{width:1.78rem;height:1.78rem;vertical-align:middle;stroke:currentColor;fill:none}.card-product__button:hover{box-shadow:0 0 0 .1rem #000}.card-product__button:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);box-shadow:var(--focused-base-box-shadow)}.card-product__button:disabled{opacity:.5;cursor:not-allowed}.card-product__button.loading{color:transparent}.card-product__button .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;border:2px solid rgba(var(--color-button-text),.3);border-top:2px solid rgb(var(--color-button-text));border-radius:50%;animation:spin 1s linear infinite;display:none}.card-product__button.loading .loading-spinner{display:block}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.card .badge.price__badge-sale,.card .badge.badge--bottom-left{background-color:#8b4513!important;color:#fff!important;border-color:#8b4513!important;font-weight:700!important;font-size:1.2rem;padding:.4rem .8rem;border-radius:.4rem;white-space:nowrap;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 749px){.card .badge.price__badge-sale,.card .badge.badge--bottom-left{font-size:1rem;padding:.3rem .6rem;border-radius:.3rem;line-height:1.2}}@media screen and (min-width: 750px) and (max-width: 989px){.card .badge.price__badge-sale,.card .badge.badge--bottom-left{font-size:1.1rem;padding:.35rem .7rem;border-radius:.35rem}}@media screen and (min-width: 990px){.card .badge.price__badge-sale,.card .badge.badge--bottom-left{font-size:1.2rem;padding:.4rem .8rem;border-radius:.4rem}}@media screen and (max-width: 749px){.card-product__button{font-size:1.4rem;min-height:3.8rem;padding:1rem 1.6rem}.card-product__button-text{font-size:1.4rem}.card-product__button svg{width:1.4rem;height:1.4rem}.card-product__text-and-icon{gap:.6rem}.card__content{padding:.8rem}.card__information{padding:1rem .8rem}.quick-add{margin-top:.8rem}}@media screen and (min-width: 750px) and (max-width: 989px){.card-product__button{font-size:1.6rem;min-height:4rem;padding:1.1rem 2rem}.card-product__button-text{font-size:1.6rem}.card-product__button svg{width:1.6rem;height:1.6rem}.card__content{padding:1rem}.card__information{padding:1.2rem 1rem}}@media screen and (min-width: 990px){.card-product__button{font-size:1.78rem;min-height:4.4rem;padding:1.2rem 2.4rem}.card-product__button-text{font-size:1.78rem}.card-product__button svg{width:1.78rem;height:1.78rem}}.card__content{display:flex;flex-direction:column;gap:.8rem}.card__information{flex:1;display:flex;flex-direction:column;gap:.5rem}.quick-add{margin-top:auto;flex-shrink:0}.card__badge{position:absolute;bottom:.5rem;left:.5rem;z-index:2;margin:0}.card-information .price{margin:.5rem 0}@media screen and (max-width: 749px){.card__heading{font-size:1.4rem;line-height:1.3;margin-bottom:.5rem}.card-information .price{font-size:1.3rem}}.product-grid .grid__item{margin-bottom:1.5rem}@media screen and (max-width: 749px){.product-grid .grid__item{margin-bottom:1rem}}.card__media img,.card .media img,.card__inner .card__media img,.card__media,.card .media,.card__inner .card__media{border-radius:12px!important;overflow:hidden}@media screen and (max-width: 749px){.card__media img,.card .media img,.card__inner .card__media img,.card__media,.card .media,.card__inner .card__media{border-radius:8px!important}}@media screen and (min-width: 750px) and (max-width: 989px){.card__media img,.card .media img,.card__inner .card__media img,.card__media,.card .media,.card__inner .card__media{border-radius:10px!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card-product-button.css.map */