/* ==========================================================================
   WooCommerce Onsale and Out of Stock styles - begin
   ========================================================================== */
.woocommerce {

    .qodef-onsale,
    .qodef-out-of-stock {
        position: absolute;
        display: block;
        top: 20px;
        right: 24px;
        width: auto;
        height: 41px;
        color: $default-heading-color;
        font-size: 14px;
        line-height: 42px;
        font-weight: 800;
        letter-spacing: 0.5px;
        padding: 0 25px;
        margin: 0;
        background-color: $first-main-color;
        text-transform: uppercase;
        text-align: center;
        z-index: 100;
        @include qodefTransform(translateZ(0));
        @include qodefBoxSizing(border-box);
    }
}
/* ==========================================================================
   WooCommerce Onsale and Out of Stock styles - end
   ========================================================================== */