.site_button {

    width: 200px;

    font-size: 18px;

    padding: 0;

    color: #000;

    margin: 0;

    display: inline-block;

    text-align: center;

    position: relative;

    overflow: hidden;

    font-weight: normal;

    background: #e3c446;

    margin-right: 15px;

    cursor: pointer;

    font-weight: 500;

    transition: 1s !important;

    height: 51px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 10px !important;

}

.cart_btn_div .site_button{

    margin: auto;

}





@media all and (min-width: 320px) and (max-width: 767px) {

    .site_button{

        width: 186px;

        height: 44px;

        font-size: 17px;

        margin: auto;

    }

    .cart_btn_div .site_button {

        margin: auto;

        width: 190px;

    }



}



@media all and (min-width: 481px) and (max-width: 767px) {

 

}



@media all and (min-width: 768px) and (max-width: 980px) {

    .site_button{

        width: 183px;

        height: 47px;

        font-size: 17px;

    }

    .cart_btn_div .site_button {

        margin: auto;

        width: 190px;

    }

}



@media only screen and (min-width: 981px) and (max-width: 1024px) {

    .site_button{

        width: 186px;

        height: 50px;

        font-size: 17px;

        

    }

    .cart_btn_div .site_button {

        margin: auto;

        width: 190px;

    }

}



@media all and (min-width: 1025px) and (max-width: 1140px) {

    .site_button{

        width: 183px;

        height: 50px;

        font-size: 17px;

    }

    .cart_btn_div .site_button {

        margin: auto;

        width: 190px;

    }

}



@media all and (min-width: 1141px) and (max-width: 1280px) {

    .site_button{

        width: 195px;

        height: 49px;

    }

  

}



@media all and (min-width: 1281px) and (max-width: 1440px) {

    .site_button{

        width: 195px;

        height: 50px;

    }

      

}



@media all and (min-width: 1441px) and (max-width: 1680px) {

    .site_button{

        width: 195px;

        height: 50px;

    }



}



@media all and (min-width: 1681px) and (max-width: 1880px) {

}





@media all and (min-width: 981px) and (max-width: 3000px) {

    .site_button {position: relative;overflow: hidden;}

    .site_button:after {z-index: -1; content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: auto;background: linear-gradient(227deg, #1d3527cc, #0c19117a);transform: scale(0) rotate(360deg) translate(0px, 0px);transition: 1s !important;}

    .site_button:hover:after {transition: 1s !important;transform: scale(1) rotate(180deg) translate(0px, 0px);}

    .site_button:hover {color: #fff;}

    .site_button  span {z-index: 1;}

}