/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.elementor-widget-button .elementor-button:before,.elementor-widget-button .elementor-button:after,a.perk-btn:before,a.perk-btn:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    left: 0;
    top: 45px;
    transform: skewY(16deg); /* Skews the entire div along the Y-axis */
    transform-origin: bottom left;
    transition: .3s;
}

.elementor-widget-button .elementor-button,a.perk-btn {
    position: relative;
    overflow: hidden;
}

.elementor-widget-button .elementor-button:after,a.perk-btn:after {
    top: -90px;
    transform: skewY(16deg);
    transform-origin: top right;
}
.elementor-widget-button .elementor-button>span,a.perk-btn span {
    position: relative;
    z-index: 9;
}
.elementor-widget-button .elementor-button:hover:before, .elementor-widget-button .elementor-button:hover:after,a.perk-btn:hover:before,a.perk-btn:hover:after {
    top: 0;
}
a.perk-btn:hover{background-color:#7A2A0B;box-shadow:0 0 8px -1px #fff}
a.perk-btn:hover span{color:#fff}
.ht-product-action>ul>li:first-child {
    display: none;
}

.ht-product-action {
    position: absolute!important;
    bottom: 0!important;
    right: 0!important;
    left: auto!important;
    margin-top: 0!important;
    display: block!important;
    top: auto!important;
}

.ht-product-content-inner {
    position: static!important;
}

ul.woolentor-action-btn-area.woolentor-btn-text-cart {
    display: block!important;
}

.ht-product-content {
    position: relative;
}

ul.woolentor-action-btn-area.woolentor-btn-text-cart {
    border-radius: 10px 0 0px 0px !important;
}

ul.woolentor-action-btn-area.woolentor-btn-text-cart li a {
    font-size: 16px;
    font-weight: 400;
}

ul.woolentor-action-btn-area.woolentor-btn-text-cart:hover {
    background-color: #000!important;
    box-shadow: 0 0 8px -1px #fff!important;
}

ul.woolentor-action-btn-area.woolentor-btn-text-cart:hover li a {
    color: #fff!important;
}