/* Custom Button Plugin Styles */
/* Generated on: 2024-01-01 00:00:00 */

.custom-button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  transition: opacity 0.3s;
}

.custom-button.style-green {
  background-color: #33cb9c;
  color: #ffffff !important;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 -4px 0 rgba(0,0,0,0.1) inset;
  font-weight: 700;
  font-size: 1em;
  padding: 12px 40px 12px 40px;
  text-align: center;
  overflow-wrap: break-word;
}

.custom-button.style-green:hover {
  opacity: 0.8;
}

.custom-button.style-green::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transform: rotate(45deg) translateY(-50%);
  margin-left: 1em;
  position: absolute;
  right: 1.5em;
  top: 50%;
}

.custom-button.style-blue {
  background-color: #5ba6f0;
  color: #ffffff !important;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 -4px 0 rgba(0,0,0,0.1) inset;
  font-weight: 700;
  font-size: 1em;
  padding: 12px 40px 12px 40px;
  text-align: center;
  overflow-wrap: break-word;
}

.custom-button.style-blue:hover {
  opacity: 0.8;
}

.custom-button.style-blue::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transform: rotate(45deg) translateY(-50%);
  margin-left: 1em;
  position: absolute;
  right: 1.5em;
  top: 50%;
}

.custom-button.style-red {
  background-color: #eb4141;
  color: #ffffff !important;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 -4px 0 rgba(0,0,0,0.1) inset;
  font-weight: 700;
  font-size: 1em;
  padding: 12px 40px 12px 40px;
  text-align: center;
  overflow-wrap: break-word;
}

.custom-button.style-red:hover {
  opacity: 0.8;
}

.custom-button.style-red::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transform: rotate(45deg) translateY(-50%);
  margin-left: 1em;
  position: absolute;
  right: 1.5em;
  top: 50%;
}

.custom-button.style-black {
  background-color: #333;
  color: #ffffff !important;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 -4px 0 rgba(0,0,0,0.1) inset;
  font-weight: 700;
  font-size: 1em;
  padding: 12px 40px 12px 40px;
  text-align: center;
  overflow-wrap: break-word;
}

.custom-button.style-black:hover {
  opacity: 0.8;
}

.custom-button.style-black::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transform: rotate(45deg) translateY(-50%);
  margin-left: 1em;
  position: absolute;
  right: 1.5em;
  top: 50%;
}

.custom-button.style-orange {
  background-color: #ff9800;
  color: #ffffff !important;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 -4px 0 rgba(0,0,0,0.1) inset;
  font-weight: 700;
  font-size: 1em;
  padding: 12px 40px 12px 40px;
  text-align: center;
  overflow-wrap: break-word;
}

.custom-button.style-orange:hover {
  opacity: 0.8;
}

.custom-button.style-orange::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transform: rotate(45deg) translateY(-50%);
  margin-left: 1em;
  position: absolute;
  right: 1.5em;
  top: 50%;
}

.custom-button.size-25 { min-width: 25%; }
.custom-button.size-50 { min-width: 50%; }
.custom-button.size-75 { min-width: 75%; }
.custom-button.size-100 { min-width: 100%; }

.custom-button.circle { border-radius: 99px; }

.custom-button-wrapper { text-align: center; }
.custom-button-copy {
  text-align: center;
  color: #434343;
  font-size: 0.75em;
  margin-bottom: 0.25em !important;
  padding: 0;
  font-weight: 700;
}
.custom-button-copy::before {
  content: "＼";
  margin-right: 1em;
  display: inline-block;
}
.custom-button-copy::after {
  content: " ／";
  margin-left: 1em;
  display: inline-block;
}
.custom-button-copy:empty { display: none; }

.custom-button-copy02 {
  text-align: center;
  font-size: 0.75em;
  margin-top: 0.5em !important;
}

/* インラインボタン用スタイル */
.custom-button-inline {
  display: inline-block;
  text-align: center;
}

.custom-button-inline .custom-button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  transition: opacity 0.3s;
}

/* テーブルセル内での表示を最適化 */
.wp-block-table .custom-button-inline {
  display: inline-block;
  vertical-align: middle;
}

.wp-block-table .custom-button-inline .custom-button {
  white-space: nowrap;
  min-width: auto;
}