.site_button{font-size:var(--fontSize_17);color:#fff;text-transform:capitalize;font-weight:var(--font_weight_400);width:200px;height:50px;display:flex;line-height:1.2;position:relative;overflow:hidden;border:2px solid var(--color_primary);cursor:pointer;background:var(--color_primary)}.site_button span{margin:auto}.site_button:before,.site_button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:25px solid #fff;border-bottom:25px solid #fff;transition:1s!important}.site_button:before{border-right:20px solid #fff0;transform:translateX(-100%)}.site_button:after{border-left:20px solid #fff0;transform:translateX(100%) scale(0)}.site_button:hover:before{transform:translateX(-30%)}.site_button:hover:after{transform:translateX(30%)}.site_button:hover span{color:var(--color_primary)!important;z-index:99}@media all and (min-width:320px) and (max-width:767px){.site_button{font-size:14px;width:142px;height:40px}}@media all and (min-width:768px) and (max-width:980px){.site_button{font-size:15px;width:150px;height:44px}}@media only screen and (min-width:981px) and (max-width:1024px){.site_button{font-size:15px;width:154px;height:41px}}@media all and (min-width:1025px) and (max-width:1140px){.site_button{font-size:15px;width:154px;height:41px}}@media all and (min-width:1141px) and (max-width:1280px){.site_button{font-size:15px;width:165px;height:43px}}@media all and (min-width:1281px) and (max-width:1440px){.site_button{font-size:15px;width:165px;height:43px}}@media all and (min-width:1441px) and (max-width:1680px){.site_button{font-size:16px;width:172px;height:43px}}