.btn-sm {
    padding: 0.4rem 1rem !important;
}

.btn {
    border: none;
    border-radius: 50rem;
    padding: 0.7rem 3rem;
    font-family: FontBold;
}

.btn.active {
    color: var(--blue-clr-1) !important;
    background-color: var(--green-clr-1) !important;
}

.btn-primary {
    background-color: var(--blue-clr-1);
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:disabled {
    background-color: var(--blue-clr-2) !important;
    color: #fff;
    opacity: 1;
}

.btn-primary-2,
.btn-primary-2:hover {
    color: #fff !important;
    background-color: #4100dc;
    border: 2px solid var(--green-clr-1);
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.btn-primary-2:hover {
    color: #fff !important;
    background-color: var(--blue-clr-1);
}

.btn-secondary {
    background-color: var(--green-clr-1);
    color: var(--blue-clr-1);
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus .btn-secondary:disabled {
    background-color: var(--green-clr-4) !important;
    color: var(--blue-clr-1) !important;
    opacity: 1;
}

.btn-link {
    color: #666666;
    font-family: FontBold;
    background-color: transparent;
    border: none;
}

a:hover,
.btn-link:hover {
    transition: 0.3s;
    color: var(--orange-clr-1);
}