.kotoby-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin: 1rem 0;
  padding: .75rem;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: .5rem;
  background: #fff;
  direction: rtl;
}

.kotoby-share__label {
  flex: 0 0 100%;
  color: #333;
  font-weight: 600;
}

.kotoby-share__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  padding: .45rem .75rem;
  border: 1px solid #d9dde3;
  border-radius: .35rem;
  background: #f8f9fb;
  color: #1e293b;
  font-size: .92rem;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.kotoby-share__button:hover,
.kotoby-share__button:focus-visible {
  border-color: #1e73be;
  background: #eef6ff;
  color: #0b4f8a;
  text-decoration: none;
}

.kotoby-share__button--native {
  border-color: #1e73be;
  background: #1e73be;
  color: #fff;
}

.kotoby-share__button--native:hover,
.kotoby-share__button--native:focus-visible {
  border-color: #155a96;
  background: #155a96;
  color: #fff;
}

.kotoby-share__status {
  min-height: 1.3rem;
  color: #166534;
  font-size: .85rem;
}

@media (max-width: 480px) {
  .kotoby-share__button {
    flex: 1 1 calc(50% - .5rem);
  }

  .kotoby-share__status {
    flex: 1 1 100%;
  }
}