a.button_rounded_bg
{
    color: var(--white);
    font-size: calc(var(--smallFontSize) + 0.2rem);
    background-color: var(--black);
    padding: 1rem 2rem;
    border-radius: var(--borderRadius);
    transition: all 0.3s ease;
    text-transform: uppercase;
    line-height: 2;
}

a.button_rounded_bg:hover
{
    color: var(--black);
    background-color: var(--white);
}



@media only screen and (max-width: 500px)
{
    a.button_rounded_bg
    {
        font-size: var(--xsmallFontSize);
        padding: 0.75rem 1.5rem;
    }
}