.catalog-btn {
    padding: 5px 24px;
    border-radius: 8px;
    background: linear-gradient(90.00deg, rgb(255, 225, 214), rgb(255, 220, 156) 100%);
    background-size: 100%;
    border: none;
    color: var(--gray);
}

@media((min-width: 498px)) {
    .catalog-btn:hover {
        background: linear-gradient(90.00deg, rgb(255, 225, 214), rgb(255, 220, 156) 100%);
        background-size: 200%;
        filter: saturate(2);
        -webkit-filter: saturate(2);
    }

    .catalog-btn:focus {
        box-shadow: 0 0 0 2px rgb(255 220 156 / 45%);
    }
}

@media (max-width: 575px) {
    .catalog-btn {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media((max-width: 768px)) {
    .xoo-cp-btns a {
        width: 100% !important;
    }
}

@media((min-width: 769px)) {
    .xoo-cp-btns a {
        width: calc(33.33% - 10px) !important;
    }
}

.catalog-btn:active {
    opacity: .9;
}

.button,
.wpfClearButton.wpfButton,
.wpfFilterButton.wpfButton {
    display: block !important;
    color: var(--gray) !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 140% !important;
    text-align: center;
    border-radius: 4px !important;
}

.main-button {
    max-width: 240px !important;
}

.main-button,
.wpfClearButton.wpfButton,
.wc-block-components-totals-coupon__button,
.secondary-button.active,
.wpfFilterButton.wpfButton {
    width: 100% !important;
    padding: 12px 20px !important;
    background-color: var(--gold) !important;
    border: none !important;
    outline: none !important;
}

.wpfFilterButtons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.wpfClearButton.wpfButton, .wpfFilterButton.wpfButton {
    max-width: calc(50% - 5px);
    width: 100%;
    margin: 0 !important;
}

.wpfClearButton.wpfButton {
    background-color: transparent !important;
    border: 2px solid var(--gold) !important;
}

.secondary-button {
    max-width: 240px;
    width: 100%;
    padding: 11px 19px;
    background-color: white;
    outline: none;
    border: 1px solid var(--gray);
}

.xoo-cp-btns a {
    display: block;
    flex: 0 0 auto;
    margin: 0 !important;
    border: none !important;
    background-color: var(--gold) !important;
    height: auto !important;
    float: none !important;
    position: static;
    text-transform: math-auto;
    color: var(--gray) !important;
}

.main-button:hover,
.wpfClearButton.wpfButton:hover,
.wpfFilterButton.wpfButton:hover,
.xoo-cp-btns a:hover,
.wc-block-components-totals-coupon__button:hover {
    filter: brightness(0.9) !important;
    background-color: var(--gold) !important;
    color: var(--gray) !important;
}

.secondary-button:hover {
    background-color: var(--gold);
    border: 1px solid var(--gold);
}

.main-button:focus,
.secondary-button:focus,
.wpfClearButton.wpfButton:focus,
.wpfFilterButton.wpfButton:focus,
.xoo-cp-btns a:focus,
.wc-block-components-totals-coupon__button:focus {
    box-shadow: 0 0 0 2px rgb(255 220 156 / 30%) !important;
}

.main-button:active,
.secondary-button:active,
.wpfClearButton.wpfButton:active,
.wpfFilterButton.wpfButton:active,
.xoo-cp-btns a:active,
.wc-block-components-totals-coupon__button:active {
    background-color: #ecba7c !important;
}

.product-card-item .add_to_cart_button,
.product-card-item .single_add_to_cart_button {
    background-color: var(--red) !important;
    color: white !important;
    padding: 8px !important;
    font-family: 'Cormorant SC', serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 120% !important;
    text-align: center !important;
    width: 100% !important;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background-color: var(--red);
    border: none;
    border-radius: 7px;
    max-width: 364px;
    padding: 12px;
    color: white;
}

.red-button, .single_variation_wrap .collection-buy-all .red-button {
    background-color: var(--red);
    color: white !important;
    padding: 12px 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    width: 100%;
    border: none;
}

.single_variation_wrap .collection-buy-all .red-button {
    padding: 11.5px !important;
}

.product-card-item .add_to_cart_button:hover,
.single_add_to_cart_button.button:hover,
a.button.wc-forward:hover,
a.button.checkout.wc-forward:hover,
.red-button:hover,
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover,
.product-card-item .single_add_to_cart_button:hover,
#place_order:hover,
#apply-fake-coupon {
    background-color: var(--red) !important;
    color: white !important;
    filter: saturate(1.1);
    -webkit-filter: saturate(1.1);
}

.product-card-item .add_to_cart_button:focus,
.single_add_to_cart_button.button:focus,
a.button.wc-forward:focus,
a.button.checkout.wc-forward:focus,
.red-button:focus,
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:focus,
.product-card-item .single_add_to_cart_button:focus {
    background-color: var(--red) !important;
    color: white !important;
    box-shadow: 0 0 0 2px rgba(255, 156, 156, 0.45);
}

.product-card-item .add_to_cart_button:active,
a.button.wc-forward:active,
a.button.checkout.wc-forward:active,
.red-button:active,
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:active,
.product-card-item .single_add_to_cart_button:active {
    background-color: var(--red) !important;
    color: white !important;
    opacity: .9;
}

.single_add_to_cart_button.button.alt,
#place_order {
    background-color: var(--red) !important;
    color: white !important;
    width: 100%;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 140% !important;
    padding: 11.5px !important;
}

#apply-fake-coupon {
    background-color: var(--red) !important;
    color: #fff !important;
    width: 100%;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 140% !important;
    padding: 10px !important;
}

@media(max-width: 489px) {

    .single_add_to_cart_button.button.alt,
    #place_order,
    .single_variation_wrap .collection-buy-all .red-button {
        max-width: 100%;
    }

    .single_variation_wrap .collection-buy-all .red-button {
        margin-top: 8px;
    }
}

@media(min-width: 490px) {

    .single_add_to_cart_button.button.alt,
    #place_order,
    .single_variation_wrap .collection-buy-all .red-button {
        max-width: 200px;
    }

    .single_variation_wrap .collection-buy-all .red-button {
        margin-left: 16px;
    }
}

#place_order {
    display: block;
    float: none !important;
    width: 100%;
    max-width: 100%;
    border-radius: 8px !important;
    padding: 14px !important;
    margin-top: 12px;
}

button:disabled,
.disabled-add-wishlist {
    pointer-events: none !important;
}

a.button.wc-forward,
a.button.checkout.wc-forward {
    display: block;
    width: 100%;
    color: white !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 140% !important;
    text-align: center;
    border-radius: 4px !important;
    padding: 10px 4px !important;
    background-color: var(--red) !important;
    border: none !important;
    outline: none !important;
}

.button-link {
    display: block;
    padding: 10px 12px;
    width: 100%;
    border-radius: 4px;
    border: none;
    font-size: 12px;
}

.button-link:hover {
    opacity: 0.8;
}

.button-link:focus {
    opacity: 0.75;
    box-shadow: 0 0 0 2px rgba(104, 104, 104, 0.45);
}

.button-link:active {
    opacity: .9;
}