.footer-area button {
    background: #F7F9FD;
    border: 1px solid #DDE8FF;
    border-radius: 20px;
    margin: 0 10px;
    padding: 12px 40px;
    transition: 0.3s;
}

    .footer-area button.active {
        background: var(--primary-color);
        color: var(--bs-white);
    }

        .footer-area button.active:hover {
            background: var(--secondary-color);
            color: var(--bs-white);
            border: 1px solid var(--secondary-color);
        }