.btn-site{
    width: 140px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 24px;
    transition: 0.3s ease-in-out;
}
.btn-white{
    background-color: transparent;
    color: #ffffff;
    border: solid 1px #ffffff;
}
.btn-white:hover{
    background-color: #ffffff;
    color: var(--gray);
}
.btn-yellow{
    background-color: transparent;
    color: var(--gray);
    border: solid 1px var(--gray);
}
.btn-yellow:hover{
    background-color: var(--yellow);
    color: var(--gray);
    border: solid 1px var(--yellow);
}

.btn-gray{
    background-color: transparent;
    color: var(--gray2);
    border: solid 1px var(--gray2);
}
.btn-gray:hover{
    background-color: var(--gray2);
    color: #ffffff;
    border: solid 1px var(--gray2);
}