.woo-compare-floating-icon-wrap { background-color: var(--aldstore-main-color) !important; } .product-item button.woo-compare-btn { width: 40px; height: 40px; display: inline-flex; font-size: 0; align-items: center; justify-content: center; padding: 0; color: #000; } .product-item button.woo-compare-btn i { display: none !important; } .product-item button.woo-compare-btn::before { display: flex; content: url("../../images/icons/compare.svg"); line-height: 0; } .product-item button.woo-compare-btn.loading::before { content: ''; line-height: 0; display: inline-block; vertical-align: middle; height: 12px; width: 12px; background-color: currentColor; border-radius: 50%; -webkit-animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } .DTFC_LeftBodyLiner { overflow: hidden !important; } .product-item.style-01 .group-button button.woo-compare-btn { display: flex; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: #FFF9 !important; backdrop-filter: blur(10px); color: #000; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px); margin: 8px; -webkit-transition: all 0.55s ease 0s; -moz-transition: all 0.55s ease 0s; -o-transition: all 0.55s ease 0s; transition: all 0.55s ease 0s; } .product-item.style-01 .product-inner:hover .group-button button.woo-compare-btn { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } @media (max-width: 1024px) { .product-item button.woo-compare-btn { width: 35px; height: 35px; } .product-item.style-01 .group-button button.woo-compare-btn { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .entry-summary button.woo-compare-btn { display: none; } .entry-summary form.cart button.woo-compare-btn { display: inline-flex; width: 40px; height: 40px; border-radius: 50%; background-color: var(--aldstore-blockquote-color); color: var(--aldstore-main-color); margin-right: 5px; font-size: 0 !important; padding: 0; vertical-align: bottom; margin-bottom: 10px; align-content: center; justify-content: center; } .entry-summary form.cart button.woo-compare-btn::before { font-size: 20px; } .entry-summary form.cart button.woo-compare-btn i { display: none !important; } body.single-product .has-sidebar .entry-summary form.cart button.woo-compare-btn { width: auto; background: none; font-size: 16px !important; color: #000; font-weight: normal; } body.single-product .has-sidebar .entry-summary form.cart button.woo-compare-btn::before { margin-right: 7px; content: url("../../images/icons/compare.svg"); } body.single-product .has-sidebar .entry-summary form.cart button.woo-compare-btn.loading::before { content: ''; line-height: 0; display: inline-block; vertical-align: middle; height: 12px; width: 12px; background-color: currentColor; border-radius: 50%; -webkit-animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }