.primary-button {
    height: 58px;

    padding-left: 38px;
    padding-right: 38px;

    border-radius: 999px;

    background: var(--color-primary);

    color: white;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;

    transition: all .3s ease;
}

.primary-button:hover {
    transform: translateY(-2px);

    background: #ba6e66;
}

.secondary-button {
    height: 58px;

    padding-left: 38px;
    padding-right: 38px;

    border-radius: 999px;

    border: 1px solid rgba(0,0,0,0.08);

    color: #5a5a5a;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;

    background: rgba(255,255,255,0.65);

    transition: all .3s ease;
}

.secondary-button:hover {
    background: rgba(255,255,255,1);
}