/* Share-link component styles. Layout and responsive placement stay page-owned. */
.share-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  border: 1px solid rgba(33, 37, 41, 0.14);
  border-radius: 999px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 193, 7, 0.25), transparent 34%),
    #ffffff;
  color: var(--text-dark);
  font-weight: 800;
  line-height: 1.2;
  box-shadow: 0 0.45rem 1.1rem rgba(33, 37, 41, 0.06);
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.share-link-button:hover {
  border-color: rgba(255, 193, 7, 0.75);
  box-shadow: 0 0.7rem 1.35rem rgba(33, 37, 41, 0.10);
  transform: translateY(-1px);
}

.share-link-button:active {
  transform: translateY(0) scale(0.98);
}

.share-link-button:focus-visible {
  outline: 3px solid rgba(255, 193, 7, 0.85);
  outline-offset: 3px;
}

.share-link-button.is-copied {
  border-color: rgba(25, 135, 84, 0.45);
  background: #eaf7ef;
  color: #146c43;
}

.share-link-button.is-copy-error {
  border-color: rgba(220, 53, 69, 0.45);
  background: #fff0f1;
  color: #b02a37;
}

.share-link-button-card {
  min-height: 2.45rem;
  padding: 0.55rem 0.85rem;
  font-size: 0.9rem;
}

.share-link-button-detail {
  min-height: 2.85rem;
  padding: 0.7rem 1.05rem;
}