/* Product-Page:Variations */
.obs-product-price-sale {
    text-decoration: line-through;
}

.obs-product-variations-section h4 .text-danger {
    color: red;
}

.obs-product-variations-subsection {
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
}

/* Overwrite Bootstrap's default button design in all obs-product-variations-subsections */
.obs-bootstrap .obs-product-variations-subsection .variant-button {
    display: inline-block;
    border-radius: 0;
    padding: 1.0rem 1.1rem;
    margin: 0 6px 6px 0;
    border: 1px solid #6c757d;
    cursor: pointer;
}

.obs-bootstrap .obs-product-variations-subsection .variant-button.focus {
    border-style: dashed;
    border-color: black;
}

.obs-bootstrap .obs-product-variations-subsection .variant-button:hover,
.obs-bootstrap .obs-product-variations-subsection .variant-button.active {
    transition: all 0.3s ease-in;
    color: rgb(46, 46, 46) !important;
    background-color: #e9e9e9 !important;
    border-style: dashed;
}

.obs-bootstrap .obs-product-variations-section .variant-button.disabled,
.obs-bootstrap .obs-product-variations-section .variant-button:disabled {
    color: #6c757d;
    background-color: transparent;
    border-style: solid;
    border-color: #e9e9e9;
    text-decoration: line-through;
}

.obs-bootstrap .obs-product-variations-section .variant-button.disabled img,
.obs-bootstrap .obs-product-variations-section .variant-button:disabled img {
    opacity: .35;
}

.obs-bootstrap .obs-product-variations-section .variant-button {
    color: black;
    border-width: 2px;
}