/* overwrite the default primefaces theme */
.supplier .login-button,
.supplier .login-button.ui-state-hover,
.supplier .login-button.ui-state-active {
    background-color: var(--supplier-red);
    color: white;
    border-color: #c0c0c0;
    border-width: 1px;
}

/* darken on hover and active */
.supplier .login-button.ui-state-hover,
.supplier .login-button.ui-state-active {
    background: linear-gradient(rgba(0 0 0 / 10%), rgb(0 0 0));
}

/* show border on active */
.supplier .login-button.ui-state-active {
    border-color: var(--supplier-red);
}