/* ===== 作品ページの共有ボタン（全作品ページ共通） =====
   色は紹介文と同じ #555555。細線のアイコンを丸枠で囲む */
.work-share {
  display: flex;
  justify-content: center;
  gap: 14px;
  position: relative;
}
.work-share[hidden] { display: none; }

/* オリジナル作品（画像のみのページ）は画像の下に置く */
.orig-wrap + .work-share { margin: 32px auto 48px; }

.work-share-btn {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #555555;
  border-radius: 50%;
  background: transparent;
  color: #555555;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.work-share-btn svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.work-share-btn:hover,
.work-share-btn:focus-visible {
  background: #555555;
  color: #ffffff;
  outline: none;
}

/* 「コピーしました」の吹き出し */
.work-share-toast {
  position: absolute;
  left: 50%;
  top: calc(100% + 10px);
  transform: translate(-50%, 4px);
  font-size: 12px;
  letter-spacing: 0.05em;
  color: #555555;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.work-share-toast.is-show {
  opacity: 1;
  transform: translate(-50%, 0);
}