.site_button {
        border: 1px solid #fff;
        background: transparent;
        width: 178px;
        height: 48px;
        flex-shrink: 0;
        display: inline-block;
        color: #fff;
        font-family: Montserrat;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 0.6s;
        position: relative;
		cursor:pointer;
    }

    .site_black_button {
        color: #000;
        border: 1px solid #000;
    }

    .header_btn_main_box_inner {
        display: flex;
        transition: 0.6s;
    }

    .site_button:first-child {
        margin-right: 10px;
        transition: 0.6s;
    }

    .site_button:hover {
        color: black;
        transition: 0.6s;
        z-index: 9;
    }

    .site_button:after {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        background: #fff;
        transform: scaleX(0);
        transition: 0.6s;
        z-index: -1;
    }

    .site_button:hover:after {
        transform: scaleX(1);
        transition: 0.6s;
    }

    /* -------------- page button ------------- */


    .page_btn .site_button:after {
        background: #000 !important;
        color: #fff;
    }

    .page_btn .site_button:hover {
        color: #fff;
    }



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


        .site_button:first-child {
            margin-right: 4px;
            transition: 0.6s;
        }
    }

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

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

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

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

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

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

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