/* Align the Telegram pair with the shared Google/e-mail axis. */
.nethra-login-telegram .nethra-telegram-actions {
  margin-left: -2px;
}

/* Keep the larger Google and e-mail typography, but make their button
   proportions a touch more compact. */
.nethra-login-oauth button,
.nethra-login-email-toggle {
  min-height: 50px;
}

/* A crisp, page-owned mail mark: it reads cleanly on the orange surface and
   is independent of the icon font's rendering differences between browsers. */
.nethra-login-email-toggle {
  position: relative;
}

.nethra-login-email-toggle svg:first-child {
  display: none;
}

.nethra-login-email-toggle::before {
  content: "";
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='4' width='19' height='16' rx='4' fill='white' fill-opacity='.18' stroke='white' stroke-width='1.5'/%3E%3Cpath d='m4.7 7 7.3 5.5L19.3 7' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='18.5' cy='5.5' r='2' fill='white'/%3E%3C/svg%3E");
}

@media (max-width: 640px) {
  .nethra-login-telegram .nethra-telegram-actions {
    margin-left: 0;
  }
}