.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.added_to_cart {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
    color: #fff !important;

    border-radius: var(--radius-sm);
    padding: 12px;

    text-align: center;
    display: block;

    transition:
        transform var(--transition-fast),
        background var(--transition-fast);

    text-decoration: none;
    border: none !important;
    font-weight: 900;
    cursor: pointer;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.added_to_cart:hover {
    background: var(--primary-hover) !important;
    transform: translateY(-2px);
    color: #fff !important;
}

.woocommerce ul.products li.product a.button.loading {
    opacity: 1 !important;
}

.woocommerce ul.products li.product a.button.added {
    display: none !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 14px !important;
    font-weight: 900 !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background: var(--primary-hover) !important;
    color: #ffffff !important;
}