.site_button {
    width: 185px;
    height: 55px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    transition: 1s;
    position: relative;
    cursor: pointer;
    clip-path: polygon( 0% 18.482%, 0% 18.482%, 0.073% 15.5%, 0.285% 12.675%, 0.623% 10.044%, 1.076% 7.647%, 1.632% 5.521%, 2.28% 3.705%, 3.008% 2.236%, 3.804% 1.154%, 4.657% 0.497%, 5.554% 0.303%, 94.625% 5.161%, 94.625% 5.161%, 95.5% 5.442%, 96.329% 6.162%, 97.101% 7.284%, 97.806% 8.772%, 98.431% 10.59%, 98.967% 12.701%, 99.403% 15.068%, 99.727% 17.654%, 99.93% 20.424%, 100% 23.341%, 100% 76.659%, 100% 76.659%, 99.93% 79.576%, 99.727% 82.346%, 99.403% 84.932%, 98.967% 87.299%, 98.431% 89.41%, 97.806% 91.228%, 97.101% 92.716%, 96.329% 93.838%, 95.5% 94.558%, 94.625% 94.839%, 5.554% 99.697%, 5.554% 99.697%, 4.657% 99.503%, 3.804% 98.846%, 3.008% 97.764%, 2.28% 96.295%, 1.632% 94.479%, 1.076% 92.353%, 0.623% 89.956%, 0.285% 87.325%, 0.073% 84.5%, 0% 81.518%, 0% 18.482%);
}

.site_button:after {
    position: absolute;
    content: "";
    width: 98%;
    height: 94%;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    background: #125081;
    clip-path: polygon( 0% 18.482%, 0% 18.482%, 0.073% 15.5%, 0.285% 12.675%, 0.623% 10.044%, 1.076% 7.647%, 1.632% 5.521%, 2.28% 3.705%, 3.008% 2.236%, 3.804% 1.154%, 4.657% 0.497%, 5.554% 0.303%, 94.625% 5.161%, 94.625% 5.161%, 95.5% 5.442%, 96.329% 6.162%, 97.101% 7.284%, 97.806% 8.772%, 98.431% 10.59%, 98.967% 12.701%, 99.403% 15.068%, 99.727% 17.654%, 99.93% 20.424%, 100% 23.341%, 100% 76.659%, 100% 76.659%, 99.93% 79.576%, 99.727% 82.346%, 99.403% 84.932%, 98.967% 87.299%, 98.431% 89.41%, 97.806% 91.228%, 97.101% 92.716%, 96.329% 93.838%, 95.5% 94.558%, 94.625% 94.839%, 5.554% 99.697%, 5.554% 99.697%, 4.657% 99.503%, 3.804% 98.846%, 3.008% 97.764%, 2.28% 96.295%, 1.632% 94.479%, 1.076% 92.353%, 0.623% 89.956%, 0.285% 87.325%, 0.073% 84.5%, 0% 81.518%, 0% 18.482%);
    transition: 1s;
}

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

.site_button span {
    margin: auto;
    position: relative;
    z-index: 1;
}

.site_button:hover {
    color: #125081;
}

.hdr_btn_box_inr .site_button:nth-child(2) {
    margin-left: 15px;
}

@media all and (min-width: 320px) and (max-width: 767px) {
    .site_button {
        width: 155px;
        height: 45px;
        font-size: 14px;
    }
    .site_button:after {
        width: 97%;
    }
    .hdr_btn_box_inr .site_button:nth-child(2) {
        margin-left: 5px;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .site_button {
        width: 155px;
        height: 45px;
        font-size: 14px;
    }
    .site_button:after {
        width: 97%;
    }
    .hdr_btn_box_inr .site_button:nth-child(2) {
        margin-left: 5px;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
    .site_button {
        width: 155px;
        height: 45px;
        font-size: 14px;
    }
    .site_button:after {
        width: 97%;
    }
    .hdr_btn_box_inr .site_button:nth-child(2) {
        margin-left: 5px;
    }
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    .site_button {
        width: 155px;
        height: 45px;
        font-size: 14px;
    }
    .site_button:after {
        width: 97%;
    }
    .hdr_btn_box_inr .site_button:nth-child(2) {
        margin-left: 5px;
    }
}

@media all and (min-width: 1141px) and (max-width: 1280px) {
    .site_button {
        width: 170px;
        height: 50px;
        font-size: 15px;
    }
    .site_button:after {
        width: 97%;
    }
}

@media all and (min-width: 1281px) and (max-width: 1440px) {
    .site_button {
        width: 170px;
        height: 50px;
        font-size: 15px;
    }
}

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

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