/* Final login-action hierarchy: the two Telegram actions define the shared
   desktop width, while Google and e-mail span that exact same footprint. */
.nethra-login-telegram .nethra-telegram-widget::after {
  width: 19px;
  height: 19px;
  top: 10px;
  left: 9px;
}

.nethra-login-telegram .nethra-telegram-bot-button {
  gap: 9px !important;
  font-size: 16px !important;
}

.nethra-login-telegram .nethra-telegram-bot-button svg {
  width: 20px !important;
  height: 20px !important;
}

.nethra-login-oauth,
.nethra-login-email-divider {
  width: calc(100% + 24px);
  margin-left: -12px;
}

.nethra-login-oauth button {
  min-height: 54px;
  border-radius: 14px !important;
  gap: 12px !important;
}

.nethra-login-oauth button svg {
  width: 27px !important;
  height: 27px !important;
}

.nethra-login-oauth button span {
  font-size: 18px !important;
}

/* E-mail is a primary action of its own, so it occupies the full shared
   width rather than being squeezed between decorative divider lines. */
.nethra-login-email-divider > div {
  display: none;
}

.nethra-login-email-toggle {
  min-height: 54px;
  border-radius: 14px !important;
  font-size: 18px !important;
}

.nethra-login-email-toggle svg:first-child {
  width: 21px !important;
  height: 21px !important;
}

.nethra-login-email-toggle svg:last-child {
  width: 18px !important;
  height: 18px !important;
}

@media (max-width: 640px) {
  .nethra-login-oauth,
  .nethra-login-email-divider {
    width: 100%;
    margin-left: 0;
  }

  .nethra-login-oauth button,
  .nethra-login-email-toggle {
    min-height: 50px;
  }
}