/* Telegram's hosted iframe is rendered differently by Safari and Chromium:
   Safari exposes a clipped edge and Chromium can expose its dark iframe
   background. Keep that official iframe for its signed login flow, but render
   the visible surface in the page so both browsers see the same button. */
.nethra-login-telegram .nethra-telegram-widget {
  position: relative;
  width: 187px;
  height: 40px;
  min-height: 40px !important;
  flex: 0 0 187px;
  overflow: hidden;
  border-radius: 9px;
  background: #54a9eb;
  cursor: pointer;
}

.nethra-login-telegram .nethra-telegram-widget::before {
  content: "Войти через Telegram";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}

.nethra-login-telegram .nethra-telegram-widget::after {
  content: "";
  position: absolute;
  left: 23px;
  top: 13px;
  width: 15px;
  height: 15px;
  background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21.4 2.6 2.9 9.7c-1.3.5-1.3 1.3-.2 1.6l4.8 1.5 1.8 5.5c.2.6.1.8.7.8.4 0 .6-.2.8-.4l2.3-2.2 4.8 3.5c.9.5 1.5.2 1.7-.8l3.1-15c.3-1.2-.5-1.8-1.3-1.1Zm-13 9.7 10.8-6.8c.5-.3 1-.1.6.2l-8.7 7.9-.3 3.3-1.7-4.6-.7-.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21.4 2.6 2.9 9.7c-1.3.5-1.3 1.3-.2 1.6l4.8 1.5 1.8 5.5c.2.6.1.8.7.8.4 0 .6-.2.8-.4l2.3-2.2 4.8 3.5c.9.5 1.5.2 1.7-.8l3.1-15c.3-1.2-.5-1.8-1.3-1.1Zm-13 9.7 10.8-6.8c.5-.3 1-.1.6.2l-8.7 7.9-.3 3.3-1.7-4.6-.7-.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  pointer-events: none;
}

.nethra-login-telegram .nethra-telegram-widget iframe {
  position: absolute;
  z-index: 1;
  top: 6px;
  left: 0;
  width: 187px !important;
  height: 28px !important;
  opacity: 0 !important;
  border: 0 !important;
  transform: none !important;
}