@layer components{:root{--wishlist-button-icon-size-mobile: 2rem;--wishlist-button-icon-size-desktop: 2.5rem;--heart-color: black;--heart-color-fill: transparent}.wishlist-button:hover{background-color:#000;color:#fff}.wishlist-button:not(.is-wishlisted):hover .wishlist-button__icon{color:#fff}.wishlist-button{aspect-ratio:1/1;border-radius:50%;height:var(--wishlist-button-icon-size-mobile);padding:0;width:auto;display:flex;align-items:center;justify-content:center}.wishlist-button__icon{width:calc(var(--wishlist-button-icon-size-mobile) - .8rem);height:auto;color:var(--heart-color);fill:var(--heart-color-fill)}.wishlist-button.is-wishlisted{--heart-color: red;--heart-color-fill: red}@media screen and (min-width:880px){.wishlist-button{aspect-ratio:1/1;border-radius:50%;height:var(--wishlist-button-icon-size-desktop);width:auto;padding:0;display:flex;align-items:center;justify-content:center}.wishlist-button__icon{width:calc(var(--wishlist-button-icon-size-desktop) - 1.2rem);height:auto}}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/snippet-wishlist-button-styles.css.map */