/* Кнопки скрыты, пока JS не подтвердит поддержку Push API
   (JS добавляет класс katun-push--ready только в поддерживаемых браузерах). */
.katun-push {
  display: none;
}

.katun-push.katun-push--ready {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.katun-push-subscribe,
.katun-push-unsubscribe {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 1rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1;
  cursor: pointer;
}

.katun-push-subscribe:hover,
.katun-push-unsubscribe:hover {
  background: rgba(0, 0, 0, 0.05);
}

.katun-push svg {
  flex: 0 0 auto;
}

.katun-push-unsubscribe {
  display: none;
}

.katun-push.katun-push--subscribed .katun-push-subscribe {
  display: none;
}

.katun-push.katun-push--subscribed .katun-push-unsubscribe {
  display: inline-flex;
}