.auth-provider--mail {
  border: 0;
  background: #034ef6;
  color: #fff;
  box-shadow: 0 12px 26px rgba(3, 78, 246, 0.26);
}

.auth-provider--mail:hover {
  background: #034ef6;
  border-color: transparent;
  color: #fff;
  box-shadow: 0 14px 30px rgba(3, 78, 246, 0.32);
}

.auth-provider--mail .auth-provider__text {
  color: #fff;
}

.auth-provider__icon--mail {
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
}

@media (max-width: 767px) {
  .auth-provider__icon--mail {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    font-size: 19px;
  }
}