@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.home-page .featured ul,
.site-products-slider .items-list {
    transition: transform 0.12s linear;
}


.site-button.style-filled.color-blue:hover {
    background-color: var(--color--purple);
}

.site-button.style-outline.color-blue:hover {
    background-color: var(--color--blue);
    border-color: var(--color--blue);
    color: var(--color--white);
}

.site-button.style-filled.color-transparent-blue:hover {
    background-color: var(--color--blue);
}

.site-product:hover {
    border-color: var(--color--blue-transparent-75);
}

.site-product .wc-forward:hover {
    background-color: var(--color--blue-transparent-75);
}

.site-product:hover h4 {
    color: var(--color--blue);
}

.site-location a:hover {
    color: var(--color--blue);
}

.site-slider-control:hover {
    color: var(--color--blue);
}

.site-product-quantity button:first-child:hover {
    background-color: var(--color--blue-transparent-16);
}

.site-product-quantity button:last-child:hover {
    background-color: var(--color--purple);
}


.site-header .links a:hover,
.site-header .links button:hover {
    color: var(--color--blue);
}

.site-header .content ul:last-of-type li:nth-child(2) a:hover .quantity-info {
    background-color: var(--color--purple);
}

.site-header .navigation a:hover {
    background-color: var(--color--white-transparent-20);
}


.home-page .featured span:not([__active]):hover {
    background-color: var(--color--blue-transparent-75);
}

.home-page .categories a:hover svg {
    animation: rotate 8s linear infinite;
}

.home-page .categories a:hover span {
    color: var(--color--blue);
}

.home-page .offers a:hover .content {
    background-color: var(--color--purple);
}

.home-page .products .tabs button:hover {
    border-bottom-color: var(--color--blue-transparent-75);
}


.contact-page a:hover {
    color: var(--color--blue);
}


.account-page .woocommerce-MyAccount-navigation .is-active:hover {
    background-color: var(--color--blue-transparent-75);
}

.account-page .woocommerce-MyAccount-navigation li:not(.is-active):hover {
    background-color: var(--color--blue);
}

.account-page .woocommerce-MyAccount-navigation li:not(.is-active):hover svg,
.account-page .woocommerce-MyAccount-navigation li:not(.is-active):hover span {
    color: var(--color--white);
}

.account-page .woocommerce-MyAccount-content > p:nth-child(2) a:hover,
.account-page .woocommerce-orders-table a:hover,
.account-page .woocommerce-table--order-details a:hover,
.account-page .woocommerce-Address a:hover {
    color: var(--color--purple);
}


.cart-page .woocommerce-cart-form .product-name a:hover,
.site-coupon-section h3 button:hover {
    color: var(--color--blue);
}

.cart-page .woocommerce-cart-form .product-remove a:hover {
    color: var(--color--red);
}

.cart-page .actions .delete:hover {
    color: var(--color--purple);
}


.order-received-page table a:hover {
    color: var(--color--purple);
}


.archive-page .filters a:hover {
    color: var(--color--blue);
}

.archive-page .range .slider span:hover::after {
    transform: scale(1);
}


.site-account ul button:hover::after {
    background-color: var(--color--blue-transparent-75);
}

.site-account .show-password:hover {
    color: var(--color--blue);
}

.site-account .reset-password:hover,
.site-account .additional button:hover {
    color: var(--color--purple);
}

.site-account .checkbox a:hover,
.site-account .note a:hover {
    color: var(--color--blue);
}

.site-account .close-button:hover {
    color: var(--color--white-transparent-75);
}

.search-page form button:hover {
    color: var(--color--purple);
}


.site-footer .about a:hover,
.site-footer .links a:hover {
    color: var(--color--white-transparent-75);
}

.site-footer .newsletter a:hover {
    text-decoration: none;
}

.site-footer .note a:hover {
    opacity: 0.95;
}