/* Кнопки входа ZERNO на форме WordPress.
 *
 * Вид свой, а не админский серый: человек нажимает эту кнопку и уезжает на
 * форму ZERNO — если здесь ничего от неё нет, переход выглядит как уход не
 * туда. Отсюда зелёный на главной кнопке и знак на ней же.
 *
 * Знак вшит в стиль картинкой: каталог WordPress запрещает тянуть что-либо с
 * чужих адресов, а отдельный файл в теме сайта потерялся бы при первой же
 * смене оформления.
 */

.zerno-id {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 16px;
  padding: 18px;
  background: #fff;
  border: 1px solid #e3e6ea;
  border-radius: 12px;
}

.zerno-id__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 14px;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: #14161a;
  background: #fff;
  border: 1px solid #d3d7dd;
  border-radius: 9px;
}

.zerno-id__button:hover,
.zerno-id__button:focus {
  border-color: #14161a;
  color: #14161a;
}

.zerno-id__button--main {
  color: #fff;
  background: #4d7c0f;
  border-color: #4d7c0f;
  font-weight: 600;
}

.zerno-id__button--main::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: none;
  background: url("data:image/png;base64,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") center / contain no-repeat;
}

.zerno-id__button--main:hover,
.zerno-id__button--main:focus {
  color: #fff;
  background: #3f6b0a;
  border-color: #3f6b0a;
}

.zerno-id__badge,
.zerno-id__note {
  margin: 6px 0 0;
  font-size: 12px;
  text-align: center;
  color: #6b7280;
}

.zerno-id__badge a {
  color: #6b7280;
  text-decoration: none;
}

.zerno-id__badge a:hover {
  text-decoration: underline;
}

@media (prefers-color-scheme: dark) {
  .zerno-id {
    background: #16181b;
    border-color: #2a2e34;
  }

  .zerno-id__button {
    color: #f2f3f5;
    background: #16181b;
    border-color: #3a3f47;
  }

  .zerno-id__button:hover,
  .zerno-id__button:focus {
    border-color: #f2f3f5;
    color: #f2f3f5;
  }

  .zerno-id__button--main {
    color: #16181b;
    background: #84cc16;
    border-color: #84cc16;
  }

  .zerno-id__button--main:hover,
  .zerno-id__button--main:focus {
    color: #16181b;
    background: #9ade2b;
    border-color: #9ade2b;
  }

  .zerno-id__badge,
  .zerno-id__note {
    color: #9aa1ab;
  }

  .zerno-id__badge a {
    color: #9aa1ab;
  }
}