.comp_product{background-color:#efefef;transition:background-color .5s linear;transition:color .5s linear;color:#0d0d0d}.comp_product .comp-container{padding:16px}.comp_product:hover{background-color:#ed1e30;color:#fff}.comp_product{width:calc(100% / 3 - 16px)}.comp_product img{background:#fff;max-width:100%;height:auto}.comp_product h4{font-size:20px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;margin:0}.titlewrapper{display:flex;align-items:center;gap:16px;margin:16px 0 0}.comp_product span{font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;transition:color .5s linear}.comp_product .flavorcount{font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;padding:4px 8px;border-radius:50px;border:1px solid #5E5E5E;color:#0d0d0d;display:inline-block}.comp_product:hover span{color:#fff}.comp_product:hover .flavorcount{display:none}.comp_product:hover .hovercontent .flavorcount{display:inline-block}.comp_product .hovercontent{padding:16px 0 0;max-height:0;overflow:hidden;transition:max-height .5s ease-in}.comp_product:hover .hovercontent .flavors{display:flex;flex-wrap:wrap;gap:8px}.comp_product:hover .hovercontent{max-height:240px}.comp_product .hovercontent .flavorcount{color:#fff;border-color:#fff}.comp_product .hovercontent a{flex:1;display:inline-flex;padding:10px 24px;justify-content:center;align-items:center;border-radius:90px;border:1.5px solid #FFF;font-size:16px;font-weight:600;line-height:normal;background:#fff;color:#ed1e30;text-decoration:none}.comp_product .hovercontent a:hover{color:#fff;background:none}.comp_product .hovercontent a:first-of-type{color:#fff;background:none}.comp_product .hovercontent a:first-of-type:hover{color:#ed1e30;background:#fff}.comp_product .btnwrapper{width:100%;margin:0}@media screen and (max-width: 1023px){.comp_product{width:calc(50% - 16px)}}@media screen and (max-width: 859px){.btnwrapper{display:block}.btnwrapper a{display:block;margin-top:12px}}@media screen and (max-width: 719px){.comp_product{width:100%;background-color:#efefef}.comp_product span{color:#fff}.comp_product .flavorcount,.comp_product .flavors{display:none}.comp_product .hovercontent .flavorcount{display:inline-block}.comp_product .hovercontent{padding:0;max-height:0;overflow:hidden;transition:max-height .5s ease-in}.comp_product .hovercontent{max-height:240px}.comp_product .hovercontent a{padding:4px;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/comp-product.css.map */