/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/
body {
 font-family: 'Noto Serif JP', sans-serif;
}

.reverse-button {
  display: block; /* ブロック要素指定 */
  width: 240px; /* 横幅を240pxに */
  box-sizing: border-box; /* 要素の幅と高さの計算にパディングとボーダーを含める */
  padding: 1rem 1rem; /* パディングを1remに */
  margin: 20px auto; /* 上下のマージンを20px、左右のマージンを自動で中央揃えに */
  background-color: #222222; /* 背景色を濃いグレーに */
  border: 2px solid transparent; /* デフォルトで透明な境界線を設定 */
  color: white !important; /* テキスト色 */
  font-weight: bold; /* テキストを太字に */
  border-radius: 4px; /* 角の丸み */
　text-align: center; /* テキストを中央配置に */
  transition: all 0.1s ease; /* 背景色と境界線の色の変化にアニメーションを設定 */
}

.reverse-button:hover {
  background-color:  #d7003a; /* ホバー時の背景色 */
  border: 2px solid #222222; /* 細い境界線 */
  color: white !important; /* ホバー時のテキスト色 */
}