.site_button {
    width: 167px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #fff;
    margin: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-weight: normal;
    height: 55px;
    margin-right: 5px;
    cursor: pointer;
    font-weight: 400;
    transition: 1s !important;
    z-index: 1;
}

.site_button:hover::before {
    border: 2px solid #ff8b65ab;
}

.site_button:hover::after {
    background: #E94E1B;
}

.us_transform_content .site_button:hover::after,
.color_btn .site_button:hover::after,
.faq_btn .site_button:hover::after {
    background: #333333;
}

.us_transform_content .site_button:hover::before,
.color_btn .site_button:hover::before,
.faq_btn .site_button:hover::before {
    border: 2px solid #656565;
}

.site_button::before {
    position: absolute;
    content: '';
    background: transparent;
    width: 93%;
    border-radius: 10px;
    height: 45px;
    margin: auto;
    top: 0;
    right: 0;
    border: 2px solid #4a6fb2;
    bottom: 0;
    left: 0;
}

.site_button::after {
    position: absolute;
    content: '';
    background: #164194;
    width: 100%;
    z-index: -1;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    clip-path: polygon(0% 18.182%, 0% 18.182%, 0.078% 15.233%, 0.305% 12.435%, 0.668% 9.826%, 1.155% 7.444%, 1.754% 5.325%, 2.452% 3.508%, 3.236% 2.029%, 4.095% 0.927%, 5.017% 0.238%, 5.988% 0%, 84.904% 0%, 84.904% 0%, 85.273% 0.043%, 85.637% 0.171%, 85.995% 0.382%, 86.346% 0.674%, 86.688% 1.046%, 87.02% 1.496%, 87.34% 2.021%, 87.647% 2.62%, 87.939% 3.292%, 88.216% 4.034%, 93.713% 20%, 98.675% 35.785%, 98.675% 35.785%, 98.919% 36.622%, 99.139% 37.509%, 99.336% 38.44%, 99.509% 39.411%, 99.656% 40.418%, 99.778% 41.456%, 99.874% 42.52%, 99.944% 43.607%, 99.986% 44.711%, 100% 45.828%, 100% 81.818%, 100% 81.818%, 99.922% 84.767%, 99.695% 87.565%, 99.332% 90.174%, 98.845% 92.556%, 98.246% 94.675%, 97.548% 96.492%, 96.764% 97.971%, 95.905% 99.073%, 94.983% 99.762%, 94.012% 100%, 15.158% 100%, 15.158% 100%, 14.779% 99.954%, 14.404% 99.819%, 14.036% 99.595%, 13.675% 99.286%, 13.325% 98.893%, 12.985% 98.418%, 12.658% 97.863%, 12.346% 97.23%, 12.049% 96.522%, 11.771% 95.74%, 6.287% 79.091%, 1.403% 64.26%, 1.403% 64.26%, 1.145% 63.414%, 0.912% 62.513%, 0.704% 61.565%, 0.521% 60.572%, 0.365% 59.541%, 0.235% 58.476%, 0.133% 57.382%, 0.06% 56.264%, 0.015% 55.127%, 0% 53.975%, 0% 18.182%);
    right: 0;
}


@media all and (min-width: 320px) and (max-width: 767px) {
    .site_button {
        width: 150px;
        font-size: 14px;
    }
}

@media all and (min-width: 481px) and (max-width: 767px) {
    .site_button {
        width: 150px;
        font-size: 14px;
    }
}

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

@media only screen and (min-width: 981px) and (max-width: 1024px) {
    .site_button {
        width: 150px;
        font-size: 15px;
    }
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    .site_button {
        width: 150px;
        font-size: 15px;
    }
}

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

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

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

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


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