.btn {
    border: none !important;
    outline: none !important;
    &-primary {
        background-color: #6f6f6f57  !important;
        border-color: #6f6f6f57  !important;
        padding: 9px 15px;
        border-radius: 30px;
        &:hover {
            background-color: $color-orange !important;
            border: none !important; 
            color: #ffffff !important;
        }
    }

    &-banner1 {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
        padding: 10px 17px;
        border-radius: 30px;
        color: black;
        font-weight: 600;
        &:hover {
            background-color: $color-orange !important;
            border: none !important; 
            color: #ffffff !important;
        }
    }

    &-contact {
        background-color: $color-orange !important;
        border-color: $color-orange !important;
        padding: 11px 60px;
        border-radius: 5px;
        color: white;
        font-weight: 600;
        &:hover {
            background-color:#ecb500 !important;
            border: none !important; 
            color: #ffffff !important;
        }
    }
    &-banner2 {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
        padding: 9px 33px;
        border-radius: 30px;
        color: black;
        font-weight: 600;
        &:hover {
            background-color: $color-orange !important;
            border: none !important; 
            color: #ffffff !important;
        }
    }
    &-men {
        background-color: #000000 !important;
        border-color: #000000 !important;
        padding: 10px 17px;
        border-radius: 30px;
        color: #ffffff;
        font-weight: 600;
        &:hover {
            background-color: $color-orange !important;
            border: none !important; 
            color: #ffffff !important;
        }
    }

    &-play {
        background-color: #00000070 !important;
        border-color: #00000070 !important;
        padding: 16px 16px;
        border-radius: 39px;
        color: #ffffff;
        font-weight: 600;
        width: 60px;
        position: absolute;
        top: 207px;
        left: 431px;
        &:hover {
            background-color: $color-orange !important;
            border: none !important; 
            
        }
    }

    &-sub {
        background-color: $color-orange !important;
        border-color: $color-orange !important;
        padding: 14px 30px;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;

        border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
        color: #ffffff;
        font-weight: 600;
        width: 80%;

        &:hover {
            background-color: $color-black !important;
            border: none !important; 
            color: $color-white;
        }
        @media screen  and(max-width:991px){

            width: 100% !important;
            
        }
        @media screen  and(max-width:767px){

            width: 80% !important;
            
        }
    }

    &-search {
        background-color: $color-black !important;
        border-color: $color-black !important;
        padding: 14px 30px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;

        border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
        color: #ffffff;
        font-weight: 600;
        width: 80%;
        &:hover {
            background-color: $color-orange !important;
            border: none !important; 
            color: $color-white;
        }
    }

    &-buy {
        background-color: $color-orange !important;
        border-color: #000000 !important;
        padding:10px 52px;
        font-weight: 600;
        border-radius: 30px;
        color: white;
        
        &:hover {
            background-color: #000000 !important;
            border: none !important; 
            color: #ffffff !important;
        }

        @media screen and(max-width:991px) {
            width: 100%;
        }
    }
    &-cart_p {
        
        background-color: #000000 !important;
        border-color: #000000 !important;
        padding:10px 52px;
        border-radius: 30px;
        font-weight: 600;
        color: white;
        &:hover {
            background-color: $color-orange !important;
            border: none !important; 
            color: #ffffff !important;
        }

        @media screen and(max-width:991px) {
            width: 100%;
        }
    }

    &-tag {
        background-color:transparent !important;
        border-color: $color-orange !important;
        padding: 2px 5px;
        border: 1px solid !important;
       
        color: #000000;
        font-weight: 600;
        margin-bottom: 7px;
        margin-right: 5px;
        &:hover {
            background-color: $color-orange !important;
            border: none !important; 
            color: #ffffff !important;
        }
    }

    &-fb {
        background-color:#0084ff !important;
        border-color: #0084ff !important;
        padding: 11px 30px;
        border-radius: 5px;
        color: white;
        font-weight: 600;
        &:hover {
            background-color:#0099ff !important;
            border: none !important; 
            color: #ffffff !important;
        }
    }
    &-twitter {
        background-color:#319db8 !important;
        border-color: #319db8 !important;
        padding: 11px 30px;
        border-radius: 5px;
        color: white;
        font-weight: 600;
        &:hover {
            background-color:rgb(13, 103, 163) !important;
            border: none !important; 
            color: #ffffff !important;
        }
    }
    &-google {
        background-color:#ff3434 !important;
        border-color: #ff3434 !important;
        padding: 11px 30px;
        border-radius: 5px;
        color: white;
        font-weight: 600;
        &:hover {
            background-color:#f54343 !important;
            border: none !important; 
            color: #ffffff !important;
        }
    }


}