.login {
  color: white;
  font-weight: 400 !important;
}

.login  circle, .login svg,
.login  svg svg *, .login svg *  {
  fill: var(--portal-main-color);
}

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

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

.connect-admin-menu .login {
  color: var(--portal-main-color);
  font-weight: 400 !important;
}

.connect-admin-menu .login  circle, .connect-admin-menu .login svg,
.connect-admin-menu .login  svg svg *,.connect-admin-menu  .login svg *  {
  fill: white;
}

.connect-admin-menu .login text {
  stroke: var(--portal-main-color);
  fill: var(--portal-main-color);
}