/* ==========================================================================
   c-share — Figma: Share/Buttons (24413:6973) SNS シェアボタン（X / Facebook）
   タップ領域 40×40。アイコンは 40×40 の枠いっぱい（静的HTML と同じ。Figma: SNS/Icon share-x_default・share-facebook-default）
   Facebook はブランドロゴのため画像（色を変えない）。40×40 の枠の中にロゴを描いた SVG（img/share/facebook-share.svg）
   ========================================================================== */

.c-share {
  display: flex;
  align-items: center;
}

.c-share__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px; /* Figma 固有寸法: タップ領域 */
  height: 40px;
  color: var(--color-text-base);
  transition: opacity 0.2s ease;
}

.c-share__link:hover,
.c-share__link:focus-visible {
  opacity: 0.7;
}

.c-share__icon,
.c-share__image {
  width: 40px; /* アイコンサイズ（タップ領域いっぱい） */
  height: 40px;
}

@media (prefers-reduced-motion: reduce) {

  .c-share__link {
    transition: none;
  }
}