/* Button selectors for OBS plugins V 1.2.1:
  - Replace the default selector "body" with the required button selectors.
  - For different buttons, you can copy the variable block and assign it to the respective selectors.
  - Copy the code into the WordPress Composer or into the CSS file of your child theme.
*/


/*----------------------------------------------------------
   Primary Button (Variablen-Definitionen)
----------------------------------------------------------*/
button.wp-block-button__link[data-obs-product-id][data-obs-product-variant-id],
button.wp-block-button__link[disabled],
#obs-cart button#obs-cart-confirm-order {
    /* button - active */
    --obs-main-button-active-padding: 11px 21px;
    --obs-main-button-active-border-radius: 20px;
    --obs-main-button-active-text-decoration: none;
    --obs-main-button-active-text-align: center;
    --obs-main-button-active-text-transform: none;
    --obs-main-button-active-letter-spacing: normal;
    --obs-main-button-active-line-height: 1;
    --obs-main-button-active-font-weight: 400;
    --obs-main-button-active-font-size: 16px;
    --obs-main-button-active-color: white;
    --obs-main-button-active-border: 1px solid transparent;
    --obs-main-button-active-background-color: #393939;
    --obs-main-button-active-width: 100%;
    /* button - active - hover */
    --obs-main-button-active-hover-color: black;
    --obs-main-button-active-hover-border: 1px solid #d0d0d0;
    --obs-main-button-active-hover-text-decoration: none;
    --obs-main-button-active-hover-text-transform: none;
    --obs-main-button-active-hover-background-color: #d0d0d0;
    /* button - disable */
    --obs-main-button-disabled-padding: 11px 21px;
    --obs-main-button-disabled-border-radius: 20px;
    --obs-main-button-disabled-text-decoration: none;
    --obs-main-button-disabled-text-align: center;
    --obs-main-button-disabled-text-transform: none;
    --obs-main-button-disabled-letter-spacing: normal;
    --obs-main-button-disabled-line-height: 1;
    --obs-main-button-disabled-font-weight: 400;
    --obs-main-button-disabled-font-size: 16px;
    --obs-main-button-disabled-color: #d0d0d0;
    --obs-main-button-disabled-border: 1px solid #d0d0d0;
    --obs-main-button-disabled-background-color: white;
    --obs-main-button-disabled-width: 100%;
    /* button - disable - hover */
    --obs-main-button-disabled-hover-color: #d0d0d0;
    --obs-main-button-disabled-hover-border: 1px solid #d0d0d0;
    --obs-main-button-disabled-hover-text-decoration: none;
    --obs-main-button-disabled-hover-text-transform: none;
    --obs-main-button-disabled-hover-background-color: white;
}

/*----------------------------------------------------------
   Secondary Button (Variablen-Definitionen)
----------------------------------------------------------*/
#obs-cart button#obs-cart-overview-continue,
#obs-cart button#obs-cart-address-continue,
#obs-cart .obs-cart-container-payment button.btn-dark.obs-cart-btn-dark,
#obs-cart button#obs-cart-contact-continue,
.offcanvas-body button.obs-cart-btn-dark,
.obs-model-selection-show.obs-button-active button.wp-block-button__link,
.obs-model-selection-show.obs-button-disabled button.wp-block-button__link {
    /* button - active */
    --obs-main-button-active-padding: 11px 21px;
    --obs-main-button-active-border-radius: 20px;
    --obs-main-button-active-text-decoration: none;
    --obs-main-button-active-text-align: center;
    --obs-main-button-active-text-transform: none;
    --obs-main-button-active-letter-spacing: normal;
    --obs-main-button-active-line-height: 1;
    --obs-main-button-active-font-weight: 400;
    --obs-main-button-active-font-size: 14px;
    --obs-main-button-active-color: white;
    --obs-main-button-active-border: 1px solid transparent;
    --obs-main-button-active-background-color: #393939;
    --obs-main-button-active-width: 100%;
    /* button - active - hover */
    --obs-main-button-active-hover-color: black;
    --obs-main-button-active-hover-border: 1px solid #d0d0d0;
    --obs-main-button-active-hover-text-decoration: none;
    --obs-main-button-active-hover-text-transform: none;
    --obs-main-button-active-hover-background-color: #d0d0d0;
    /* button - disable */
    --obs-main-button-disabled-padding: 11px 21px;
    --obs-main-button-disabled-border-radius: 20px;
    --obs-main-button-disabled-text-decoration: none;
    --obs-main-button-disabled-text-align: center;
    --obs-main-button-disabled-text-transform: none;
    --obs-main-button-disabled-letter-spacing: normal;
    --obs-main-button-disabled-line-height: 1;
    --obs-main-button-disabled-font-weight: 400;
    --obs-main-button-disabled-font-size: 14px;
    --obs-main-button-disabled-color: #d0d0d0;
    --obs-main-button-disabled-border: 1px solid #d0d0d0;
    --obs-main-button-disabled-background-color: white;
    --obs-main-button-disabled-width: 100%;
    /* button - disable - hover */
    --obs-main-button-disabled-hover-color: #d0d0d0;
    --obs-main-button-disabled-hover-border: 1px solid #d0d0d0;
    --obs-main-button-disabled-hover-text-decoration: none;
    --obs-main-button-disabled-hover-text-transform: none;
    --obs-main-button-disabled-hover-background-color: white;
}

/*----------------------------------------------------------
   Tertiary Button (Variablen-Definitionen)
----------------------------------------------------------*/
.offcanvas-body button.btn-outline-secondary,
.obs-product-filter-button-toggle.obs-button-active button.wp-block-button__link,
.obs-product-filter-remove-button.obs-product-button.obs-button-active button.wp-block-button__link,
.obs-button-active-load-more.obs-button-active button.wp-block-button__link,
button#obs-reset-password-request-code,
button#obs-create-account-create,
#obs-order-details button#obs-order-details-submit {
    /* button - active */
    --obs-main-button-active-padding: 11px 21px;
    --obs-main-button-active-border-radius: 20px;
    --obs-main-button-active-text-decoration: none;
    --obs-main-button-active-text-align: center;
    --obs-main-button-active-text-transform: none;
    --obs-main-button-active-letter-spacing: normal;
    --obs-main-button-active-line-height: 1;
    --obs-main-button-active-font-weight: 400;
    --obs-main-button-active-font-size: 14px;
    --obs-main-button-active-color: black;
    --obs-main-button-active-border: 1px solid #d0d0d0;
    --obs-main-button-active-background-color: white;
    --obs-main-button-active-width: 100%;
    /* button - active - hover */
    --obs-main-button-active-hover-color: black;
    --obs-main-button-active-hover-border: 1px solid #d0d0d0;
    --obs-main-button-active-hover-text-decoration: none;
    --obs-main-button-active-hover-text-transform: none;
    --obs-main-button-active-hover-background-color: #d0d0d0;
    /* button - disable */
    --obs-main-button-disabled-padding: 11px 21px;
    --obs-main-button-disabled-border-radius: 20px;
    --obs-main-button-disabled-text-decoration: none;
    --obs-main-button-disabled-text-align: center;
    --obs-main-button-disabled-text-transform: none;
    --obs-main-button-disabled-letter-spacing: normal;
    --obs-main-button-disabled-line-height: 1;
    --obs-main-button-disabled-font-weight: 400;
    --obs-main-button-disabled-font-size: 14px;
    --obs-main-button-disabled-color: #d0d0d0;
    --obs-main-button-disabled-border: 1px solid #d0d0d0;
    --obs-main-button-disabled-background-color: white;
    --obs-main-button-disabled-width: 100%;
    /* button - disable - hover */
    --obs-main-button-disabled-hover-color: #d0d0d0;
    --obs-main-button-disabled-hover-border: 1px solid #d0d0d0;
    --obs-main-button-disabled-hover-text-decoration: none;
    --obs-main-button-disabled-hover-text-transform: none;
    --obs-main-button-disabled-hover-background-color: white;
}

/*----------------------------------------------------------
   Links (Lade- und Filter-Links)
----------------------------------------------------------*/
.obs-product-model-table-more.obs-button-active button.wp-block-button__link,
.obs-product-filter-button.obs-button-active button.wp-block-button__link {
    /* button - active */
    --obs-main-button-active-padding: 0;
    --obs-main-button-active-border-radius: 0;
    --obs-main-button-active-text-decoration: underline;
    --obs-main-button-active-text-align: center;
    --obs-main-button-active-text-transform: none;
    --obs-main-button-active-letter-spacing: normal;
    --obs-main-button-active-line-height: 1;
    --obs-main-button-active-font-weight: 400;
    --obs-main-button-active-font-size: 14px;
    --obs-main-button-active-color: black;
    --obs-main-button-active-border: 0;
    --obs-main-button-active-background-color: unset;
    --obs-main-button-active-width: 100%;
    /* button - active - hover */
    --obs-main-button-active-hover-color: #d0d0d0;
    --obs-main-button-active-hover-border: 0;
    --obs-main-button-active-hover-text-decoration: none;
    --obs-main-button-active-hover-text-transform: none;
    --obs-main-button-active-hover-background-color: unset;
    /* button - disable */
    --obs-main-button-disabled-padding: 0;
    --obs-main-button-disabled-border-radius: 0;
    --obs-main-button-disabled-text-decoration: underline;
    --obs-main-button-disabled-text-align: center;
    --obs-main-button-disabled-text-transform: none;
    --obs-main-button-disabled-letter-spacing: normal;
    --obs-main-button-disabled-line-height: 1;
    --obs-main-button-disabled-font-weight: 400;
    --obs-main-button-disabled-font-size: 14px;
    --obs-main-button-disabled-color: #d0d0d0;
    --obs-main-button-disabled-border: 0;
    --obs-main-button-disabled-background-color: unset;
    --obs-main-button-disabled-width: 100%;
    /* button - disable - hover */
    --obs-main-button-disabled-hover-color: #d0d0d0;
    --obs-main-button-disabled-hover-border: 0;
    --obs-main-button-disabled-hover-text-decoration: none;
    --obs-main-button-disabled-hover-text-transform: none;
    --obs-main-button-disabled-hover-background-color: unset;
}

/*----------------------------------------------------------
   cart (Bestellablauf)
----------------------------------------------------------*/
/* Schritt 1 */
#obs-cart button#obs-cart-overview-continue {
    text-decoration: var(--obs-main-button-active-text-decoration);
    text-transform: var(--obs-main-button-active-text-transform);
    font-size: var(--obs-main-button-active-font-size)!important;
    padding: var(--obs-main-button-active-padding)!important;
    border-radius: var(--obs-main-button-active-border-radius);
    font-weight: var(--obs-main-button-active-font-weight);
    width: var(--obs-main-button-active-width)!important;
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    background-color: var(--obs-main-button-active-background-color);
    border: var(--obs-main-button-active-border);
    color: var(--obs-main-button-active-color);
}
#obs-cart button#obs-cart-overview-continue:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color);
}

/* Schritt 2 */
#obs-cart button#obs-cart-address-continue {
    text-decoration: var(--obs-main-button-active-text-decoration);
    text-transform: var(--obs-main-button-active-text-transform);
    font-size: var(--obs-main-button-active-font-size)!important;
    padding: var(--obs-main-button-active-padding)!important;
    border-radius: var(--obs-main-button-active-border-radius);
    font-weight: var(--obs-main-button-active-font-weight);
    width: var(--obs-main-button-active-width)!important;
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    background-color: var(--obs-main-button-active-background-color);
    border: var(--obs-main-button-active-border);
    color: var(--obs-main-button-active-color);
}
#obs-cart button#obs-cart-address-continue:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color);
}

/* Schritt 3 */
#obs-cart .obs-cart-container-payment button.btn-dark.obs-cart-btn-dark {
    text-decoration: var(--obs-main-button-active-text-decoration);
    text-transform: var(--obs-main-button-active-text-transform);
    font-size: var(--obs-main-button-active-font-size)!important;
    padding: var(--obs-main-button-active-padding)!important;
    border-radius: var(--obs-main-button-active-border-radius);
    font-weight: var(--obs-main-button-active-font-weight);
    width: var(--obs-main-button-active-width)!important;
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    background-color: var(--obs-main-button-active-background-color);
    border: var(--obs-main-button-active-border);
    color: var(--obs-main-button-active-color);
}
#obs-cart .obs-cart-container-payment button.btn-dark.obs-cart-btn-dark:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color);
}

/* Schritt 4 */
#obs-cart button#obs-cart-contact-continue {
    text-decoration: var(--obs-main-button-active-text-decoration);
    text-transform: var(--obs-main-button-active-text-transform);
    font-size: var(--obs-main-button-active-font-size)!important;
    padding: var(--obs-main-button-active-padding)!important;
    border-radius: var(--obs-main-button-active-border-radius);
    font-weight: var(--obs-main-button-active-font-weight);
    width: var(--obs-main-button-active-width)!important;
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    background-color: var(--obs-main-button-active-background-color);
    border: var(--obs-main-button-active-border);
    color: var(--obs-main-button-active-color);
}
#obs-cart button#obs-cart-contact-continue:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color);
}

/* Schritt 5 */
#obs-cart button#obs-cart-confirm-order {
    text-decoration: var(--obs-main-button-active-text-decoration);
    text-transform: var(--obs-main-button-active-text-transform);
    font-size: var(--obs-main-button-active-font-size)!important;
    padding: var(--obs-main-button-active-padding)!important;
    border-radius: var(--obs-main-button-active-border-radius);
    font-weight: var(--obs-main-button-active-font-weight);
    width: var(--obs-main-button-active-width)!important;
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    background-color: var(--obs-main-button-active-background-color);
    border: var(--obs-main-button-active-border);
    color: var(--obs-main-button-active-color);
}
#obs-cart button#obs-cart-confirm-order:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color);
}

/*----------------------------------------------------------
   offcanvas 
----------------------------------------------------------*/
.offcanvas-body button.obs-cart-btn-dark,
.offcanvas-body button.btn-outline-secondary {
    text-decoration: var(--obs-main-button-active-text-decoration);
    text-transform: var(--obs-main-button-active-text-transform);
    font-size: var(--obs-main-button-active-font-size)!important;
    padding: var(--obs-main-button-active-padding)!important;
    border-radius: var(--obs-main-button-active-border-radius);
    font-weight: var(--obs-main-button-active-font-weight);
    width: var(--obs-main-button-active-width)!important;
}
.offcanvas-body button.obs-cart-btn-dark {
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    background-color: var(--obs-main-button-active-background-color);
    border: var(--obs-main-button-active-border);
    color: var(--obs-main-button-active-color);
}
.offcanvas-body button.obs-cart-btn-dark:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color);
}
.offcanvas-body button.btn-outline-secondary {
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    background-color: var(--obs-main-button-active-background-color);
    border: var(--obs-main-button-active-border);
    color: var(--obs-main-button-active-color);
    width: var(--obs-main-button-active-width)!important;
}
.offcanvas-body button.btn-outline-secondary:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color);
}

/*----------------------------------------------------------
   product page 
----------------------------------------------------------*/
/* add to cart – aktiv */
button.wp-block-button__link[data-obs-product-id][data-obs-product-variant-id] {
    text-decoration: var(--obs-main-button-active-text-decoration);
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    text-transform: var(--obs-main-button-active-text-transform);
    padding: var(--obs-main-button-active-padding)!important;
    border-radius: var(--obs-main-button-active-border-radius);
    font-weight: var(--obs-main-button-active-font-weight);
    font-size: var(--obs-main-button-active-font-size)!important;
    border: var(--obs-main-button-active-border);
    background-color: var(--obs-main-button-active-background-color);
    color: var(--obs-main-button-active-color)!important;
    width: var(--obs-main-button-active-width)!important;
}
button.wp-block-button__link[data-obs-product-id][data-obs-product-variant-id]:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color)!important;
}

/* add to cart – disabled */
button.wp-block-button__link[disabled] {
    text-decoration: var(--obs-main-button-disabled-text-decoration);
    letter-spacing: var(--obs-main-button-disabled-letter-spacing);
    line-height: var(--obs-main-button-disabled-line-height);
    text-align: var(--obs-main-button-disabled-text-align);
    text-transform: var(--obs-main-button-disabled-text-transform);
    padding: var(--obs-main-button-disabled-padding)!important;
    border-radius: var(--obs-main-button-disabled-border-radius);
    font-weight: var(--obs-main-button-disabled-font-weight);
    font-size: var(--obs-main-button-disabled-font-size)!important;
    border: var(--obs-main-button-disabled-border);
    background-color: var(--obs-main-button-disabled-background-color);
    color: var(--obs-main-button-disabled-color)!important;
    width: var(--obs-main-button-disabled-width)!important;
}
button.wp-block-button__link[disabled]:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-disabled-hover-text-decoration);
    text-transform: var(--obs-main-button-disabled-hover-text-transform);
    background-color: var(--obs-main-button-disabled-hover-background-color);
    border: var(--obs-main-button-disabled-hover-border);
    color: var(--obs-main-button-disabled-hover-color)!important;
}

/* model table aktiv */
.obs-product-model-table-more.obs-button-active button.wp-block-button__link {
    text-decoration: var(--obs-main-button-active-text-decoration);
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    text-transform: var(--obs-main-button-active-text-transform);
    padding: var(--obs-main-button-active-padding)!important;
    border-radius: var(--obs-main-button-active-border-radius);
    font-weight: var(--obs-main-button-active-font-weight);
    font-size: var(--obs-main-button-active-font-size)!important;
    border: var(--obs-main-button-active-border);
    background-color: var(--obs-main-button-active-background-color);
    color: var(--obs-main-button-active-color)!important;
    width: var(--obs-main-button-active-width)!important;
}
.obs-product-model-table-more.obs-button-active button.wp-block-button__link:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color)!important;
}

/*----------------------------------------------------------
   model shortcode  
----------------------------------------------------------*/
.obs-model-selection-show.obs-button-active button.wp-block-button__link,
.obs-model-selection-show.obs-button-disabled button.wp-block-button__link {
    text-decoration: var(--obs-main-button-active-text-decoration);
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    text-transform: var(--obs-main-button-active-text-transform);
    padding: var(--obs-main-button-active-padding);
    border-radius: var(--obs-main-button-active-border-radius);
    font-weight: var(--obs-main-button-active-font-weight);
    font-size: var(--obs-main-button-active-font-size)!important;
    border: var(--obs-main-button-active-border);
    background-color: var(--obs-main-button-active-background-color);
    color: var(--obs-main-button-active-color);
    width: var(--obs-main-button-active-width)!important;
}
.obs-model-selection-show.obs-button-active button.wp-block-button__link:is(:hover, :focus, :active),
.obs-model-selection-show.obs-button-disabled button.wp-block-button__link:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color);
}

/*----------------------------------------------------------
   category page   
----------------------------------------------------------*/
.obs-product-filter-button-toggle.obs-button-active button.wp-block-button__link,
.obs-product-filter-button.obs-button-active button.wp-block-button__link,
.obs-product-filter-remove-button.obs-product-button.obs-button-active button.wp-block-button__link,
.obs-button-active-load-more.obs-button-active button.wp-block-button__link {
    text-decoration: var(--obs-main-button-active-text-decoration);
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    text-transform: var(--obs-main-button-active-text-transform);
    padding: var(--obs-main-button-active-padding);
    border-radius: var(--obs-main-button-active-border-radius)!Important;
    font-weight: var(--obs-main-button-active-font-weight);
    font-size: var(--obs-main-button-active-font-size);
    border: var(--obs-main-button-active-border);
    background-color: var(--obs-main-button-active-background-color);
    color: var(--obs-main-button-active-color)!important;
    width: var(--obs-main-button-active-width)!important;
}
.obs-product-filter-button-toggle.obs-button-active button.wp-block-button__link:is(:hover, :focus, :active),
.obs-product-filter-button.obs-button-active button.wp-block-button__link:is(:hover, :focus, :active),
.obs-product-filter-remove-button.obs-product-button.obs-button-active button.wp-block-button__link:is(:hover, :focus, :active),
.obs-button-active-load-more.obs-button-active button.wp-block-button__link:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color)!important;
}

/*----------------------------------------------------------
   reset password 
----------------------------------------------------------*/
button#obs-reset-password-request-code {
    text-decoration: var(--obs-main-button-active-text-decoration);
    text-transform: var(--obs-main-button-active-text-transform);
    font-size: var(--obs-main-button-active-font-size);
    padding: var(--obs-main-button-active-padding)!important;
    border-radius: var(--obs-main-button-active-border-radius);
    font-weight: var(--obs-main-button-active-font-weight);
    width: var(--obs-main-button-active-width);
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    background-color: var(--obs-main-button-active-background-color);
    border: var(--obs-main-button-active-border);
    color: var(--obs-main-button-active-color);
}
button#obs-reset-password-request-code:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color);
}

/*----------------------------------------------------------
   create customer account 
----------------------------------------------------------*/
button#obs-create-account-create {
    text-decoration: var(--obs-main-button-active-text-decoration);
    text-transform: var(--obs-main-button-active-text-transform);
    font-size: var(--obs-main-button-active-font-size);
    padding: var(--obs-main-button-active-padding);
    border-radius: var(--obs-main-button-active-border-radius);
    font-weight: var(--obs-main-button-active-font-weight);
    width: var(--obs-main-button-active-width);
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    background-color: var(--obs-main-button-active-background-color);
    border: var(--obs-main-button-active-border);
    color: var(--obs-main-button-active-color);
}
button#obs-create-account-create:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color);
}

/*----------------------------------------------------------
   view order 
----------------------------------------------------------*/
#obs-order-details button#obs-order-details-submit {
    text-decoration: var(--obs-main-button-active-text-decoration);
    text-transform: var(--obs-main-button-active-text-transform);
    font-size: var(--obs-main-button-active-font-size);
    padding: var(--obs-main-button-active-padding);
    border-radius: var(--obs-main-button-active-border-radius);
    font-weight: var(--obs-main-button-active-font-weight);
    width: var(--obs-main-button-active-width);
    letter-spacing: var(--obs-main-button-active-letter-spacing);
    line-height: var(--obs-main-button-active-line-height);
    text-align: var(--obs-main-button-active-text-align);
    background-color: var(--obs-main-button-active-background-color);
    border: var(--obs-main-button-active-border);
    color: var(--obs-main-button-active-color);
}
#obs-order-details button#obs-order-details-submit:is(:hover, :focus, :active) {
    text-decoration: var(--obs-main-button-active-hover-text-decoration);
    text-transform: var(--obs-main-button-active-hover-text-transform);
    background-color: var(--obs-main-button-active-hover-background-color);
    border: var(--obs-main-button-active-hover-border);
    color: var(--obs-main-button-active-hover-color);
}