.btn{
    text-transform: uppercase;
    transition: all ease-in-out .3s;
}

.btn-primary{
    background-color: var(--primary-100);
    color: var(--white) !important;
}
.btn-primary:hover{
    transform: translateY(-4px);
}

.btn-link-light{
    color: var(--white);
    font-weight: 400;
    border-bottom: 2px solid var(--white);
    border-radius: 0px !important;
    text-transform: uppercase;
}

.btn-link-light:hover{
    color: var(--dark-20) !important;
    border-bottom: 2px solid var(--white) !important;
}

.btn-link-dark{
    color: var(--dark-100);
    font-weight: 400;
    border-bottom: 2px solid var(--dark-100);
    border-radius: 0px !important;
    text-transform: uppercase;
}

.btn-link-dark:hover{
    color: var(--dark-60) !important;
    border-bottom: 2px solid var(--dark-100) !important;
}