.btn-primary {
    background-color: var(--brand-2);
    box-shadow: 0px 5px 8px rgb(11, 8, 0, .25);
    border: none;
    color: var(--text-primary);
    transition: all .3s ease !important;
    border-radius: 25px;

    &:hover {
        background-color: var(--brand-2) !important;
        border-color: var(--text-primary) !important;
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.2) !important;
    }
}

.btn-secondary {
    background-color: var(--brand-1);
    color: var(--text-primary);
    border: none;
    box-shadow: 0px 5px 8px rgb(11, 8, 0, .25);
    transition: all .3s ease;
    border-radius: 25px;

    &:hover {
        background-color: #9793c0;
        color: var(--text-primary) !important;
        border-color: var(--brand-1) !important;
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.2) !important;
    }
}