:root {
  --login-background-color: var(--primary-color);
  --login-background-color-hover: var(--secondary-color);
  --login-color: var(--light-color);
  --login-color-hover: var(--light-color);
}

.login > * {
  color: var(--login-color) !important;
}

.login:hover > * {
  color: var(--login-color-hover) !important;
}

.login  circle {
  fill: var(--login-background-color);
}

.login:hover circle {
  fill: var(--login-background-color-hover);
}

.login text {
  stroke: currentColor;
  fill: currentColor;
}