@media screen and (min-width: 768px){
    .header-button > a{
        background: #324A6D;
        border-radius: 100px;
        padding: 10px 20px!important;
        border: 1px solid #324A6D;
        transition: .3s all;
    }
    .header-button > a:not(:hover){
        color: #fff!important;
    }
    .header-button > a:hover{
        background: #fff;
    }
    .header-button > a::after{
        display: none;
    }
    .header-button + .header-button > a{
        margin-left: 0!important;
    }
}