#html-body.customer-account-login button.action.primary,
#html-body.customer-account-login .actions-toolbar div.primary a.action.create.primary {
    background: var(--bluegradient);
    border: none;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 10px 0;
    padding: 10px;
    overflow-x: hidden;
    z-index: 1;
    position: relative;
}

#html-body.customer-account-login button.action.primary::before,
#html-body.customer-account-login .actions-toolbar div.primary a.action.create.primary::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--bluegradient-inverted);
    z-index: -1;
    transition: opacity 0.5s linear;
    opacity: 0;
}

#html-body.customer-account-login button.action.primary:hover::before,
#html-body.customer-account-login .actions-toolbar div.primary a.action.create.primary:hover::before {
    opacity: 1;
}

#html-body.customer-account-login .actions-toolbar .secondary .action.remind {
    color: var(--primario);
}