.btn {
    border-radius: 5rem;
}
.btn-primary,.btn-info, .btn-outline-primary, .btn-custom {
    background-color: var(--color-primario) !important;
    border-color: var(--color-primario) !important;
    color: var(--color-blanco-solido) !important;
}

.btn-primary:hover,.btn-info:hover, .btn-outline-primary:hover, .btn-custom:hover {
    background-color: color-mix(in srgb, var(--color-primario) 80%, black) !important;
    border-color: color-mix(in srgb, var(--color-primario) 70%, black) !important;
}

.btn-success {
    background-color: var(--color-secundario) !important;
    border-color: var(--color-secundario) !important;
}

.btn-success:hover {
    background-color: color-mix(in srgb, var(--color-secundario) 80%, black) !important;
    border-color: color-mix(in srgb, var(--color-secundario) 70%, black) !important;
}

.btn-warning {
    background-color: var(--color-amarillo) !important;
    border-color: var(--color-amarillo) !important;
    color: #111 !important;
}

.btn-warning:hover {
    background-color: var(--color-amarillo) !important;
    border-color: color-mix(in srgb, var(--color-amarillo) 85%, black) !important;
}