.button-wrapper {
  display: flex;
  justify-content: center; /* 横方向に中央揃え */
}

.button-content {
  text-align: center; /* ボタンの中身を中央揃え */
}

a.open-pdf-link {
  display: inline-block;
  padding: 10px 20px;
  background-color: #ff6666; /* 赤色を指定 */
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  margin: 20px 0 4px;
}

a.open-pdf-link:hover {
  background-color: #ff4d4d; /* ホバー時の赤色 */
}

a.open-pdf-link:active {
  background-color: #e60000; /* クリック時の赤色 */
}

a.open-pdf-link .icon {
  display: inline-block;
  width: 20px; /* アイコンの幅 */
  height: 20px; /* アイコンの高さ */
  background: url('../img/common/download.svg') no-repeat; /* アイコンのSVGファイルへのパスを指定 */
  background-size: cover; /* アイコンのサイズを調整（適宜変更してください） */
  vertical-align: middle; /* テキストとアイコンの垂直中央揃え */
  margin-right: 10px; /* アイコンとテキストの間隔 */
}

a.open-pdf-link .text {
  vertical-align: middle; /* テキストとアイコンの垂直中央揃え */
}