/* ライトピンクテーマボタン */
.btn-pink {
  background-color: #f8f9fa; /* ページの背景色（薄いグレー） */
  color: #e75480;            /* 文字色 */
  border: 2px solid #e75480; /* 枠色 */
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;   /* Bootstrap btnと同じ丸み */
  transition: background-color 0.2s, color 0.2s;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  user-select: none; /* ドラッグで文字選択されない */
}

/* ホバー・フォーカス・クリック・ドラッグ中も濃いピンク */
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active {
  background-color: #e75480; /* 濃いピンク */
  color: #fff !important;    /* 文字白 */
  border-color: #e75480;
  box-shadow: none;
}