html[data-btn-style="1"] .button{position:relative;overflow:hidden;z-index:1;transition:color .2s ease}html[data-btn-style="1"] .button>*,html[data-btn-style="1"] .button span{position:relative;z-index:1}html[data-btn-style="1"] .button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgb(var(--color-button-text));transition:left .2s ease;z-index:-1}@media(pointer:fine){html[data-btn-style="1"] .button:hover{color:rgb(var(--color-button))}html[data-btn-style="1"] .button:hover:before{left:0}}html[data-btn-style="2"] .button{position:relative;overflow:hidden;z-index:1;transition:color .5s ease}html[data-btn-style="2"] .button>*,html[data-btn-style="2"] .button span{position:relative;z-index:1}html[data-btn-style="2"] .button:before{content:"";display:block;border-radius:50%;width:300%;height:300%;position:absolute;bottom:-100%;left:-100%;transform:translate3d(0,100%,0);transition:transform .6s ease;background-color:rgb(var(--color-button-text));z-index:-1}@media(pointer:fine){html[data-btn-style="2"] .button:hover{color:rgb(var(--color-button))}html[data-btn-style="2"] .button:hover:before{transform:translate3d(0,-30%,0)}}html[data-btn-style="4"] .button{transition:background-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out}@media(pointer:fine){html[data-btn-style="4"] .button:hover{opacity:.9}html[data-btn-style="4"] .button--secondary{background:transparent;color:rgb(var(--color-button));box-shadow:inset 0 0 0 2px rgb(var(--color-button))}html[data-btn-style="4"] .button--secondary:hover{background:rgb(var(--color-button));color:rgb(var(--color-button-text));opacity:1}}html[data-btn-style="5"] .button{transition:color .5s ease,background-color .5s ease,border-color .5s ease}@media(pointer:fine){html[data-btn-style="5"] .button:hover{background-color:rgb(var(--color-button-text));color:rgb(var(--color-button));border-color:rgb(var(--color-button-text))}}.card__media{aspect-ratio:1 / 1;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;object-position:center}html[data-card-anim="1"] .card-wrapper .card--card,html[data-card-anim="1"] .card-wrapper .card--standard .card__inner{transition:transform .3s ease,box-shadow .3s ease}@media(pointer:fine){html[data-card-anim="1"] .card-wrapper:hover .card--card,html[data-card-anim="1"] .card-wrapper:hover .card--standard .card__inner{transform:translateY(-8px);box-shadow:0 16px 32px #0000001f}}html[data-card-anim="2"] .card__media{overflow:hidden}html[data-card-anim="2"] .card__media img{transition:transform 6s cubic-bezier(.25,.46,.45,.94)}@media(pointer:fine){html[data-card-anim="2"] .card-wrapper:hover .card__media img{transform:scale(1.08)}}html[data-card-anim="3"] .card__media{overflow:hidden}html[data-card-anim="3"] .card__media img{transform:scale(1.01);transition:transform 8s cubic-bezier(.25,.46,.45,.94)}@media(pointer:fine){html[data-card-anim="3"] .card-wrapper:hover .card__media img{transform:scale(1.2)}}html[data-card-anim="4"] .card__media{overflow:hidden}html[data-card-anim="4"] .card__media img{transform-origin:center;transition:transform 1.5s cubic-bezier(.22,1,.36,1)}@media(pointer:fine){html[data-card-anim="4"] .card-wrapper:hover .card__media img{transform:scale(1.06)}}html[data-card-anim="5"] .card__media{position:relative;overflow:hidden}html[data-card-anim="5"] .card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;opacity:0;transition:opacity .3s ease;pointer-events:none}@media(pointer:fine){html[data-card-anim="5"] .card-wrapper:hover .card__media:after{opacity:1}}html[data-card-anim="6"] .card__media{transition:opacity .3s ease}@media(pointer:fine){html[data-card-anim="6"] .card-wrapper:hover .card__media{opacity:.7}}@media(prefers-reduced-motion:reduce){html[data-btn-style] .button,html[data-btn-style] .button:before,html[data-card-anim] .card--card,html[data-card-anim] .card--standard .card__inner,html[data-card-anim] .card__media,html[data-card-anim] .card__media img,html[data-card-anim] .card__media:after{transition:none!important;transform:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-button-card.css.map */