.button-light {
    background-color: #fff !important;
    color: #000 !important;
    font-size: 1.25rem;
    font-weight: 700;
    border: 2px solid #000 !important;
}
.button-light:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.button-dark {
    background-color: #000 !important;
    color: #fff !important;
    font-size: 1.25rem;
    font-weight: 700;
}
.button-submit {
    /* background-color: #363d63 !important; */
    background-color: #0064b2 !important;
    color: #fff !important;
    font-size: 1.25rem;
    font-weight: 700;
}

.button-success {
    background-color: #4ca030 !important;
    color: #fff !important;
    font-size: 1.25rem;
    font-weight: 700;
    border: 1px #000;
}
.button-danger {
    background-color: #b93739 !important;
    color: #fff !important;
    font-size: 1.25rem;
    font-weight: 700;
    border: 1px #000;
}
.button-info {
    color: #fff;
    background-color: rgba(0, 72, 255, 0.36);
    border: 1px #000;
    font-size: 1.25rem;
    font-weight: 700;
}

.custom-iapoa-button {
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    border-radius: 7px;
    font-family: Urbanist, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.custom-iapoa-button:hover {
    background-color: #000;
    color: #fff;
}

.go-btn {
    background-color: #333;
    color: white;
    border-radius: 0 !important;
}
.go-btn:hover {
    background-color: #5a5a5a;
    color: white;
    border-radius: 0 !important;
}

@media (max-width: 768px) {
    .button-light {
        font-size: 1rem;
    }
    .button-dark {
        font-size: 1rem;
    }
    .button-submit {
        font-size: 1rem;
    }

    .button-success {
        font-size: 1rem;
    }
    .button-danger {
        font-size: 1rem;
    }
    .button-info {
        font-size: 1rem;
    }

    .custom-iapoa-button {
        font-size: 1rem;
    }
}

@media (max-width: 330px) {
    .button-light {
        font-size: 0.75rem;
    }
}