/* Start Component-Basic-button_filled */
#suntory_contents .Component-Basic-button_filled{
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  width: fit-content;
  color: var(--color-midnight-blue);
  font-size: var(--fontsize-button);
  font-weight: bold;
  line-height: 100%;
}
#suntory_contents .Component-Basic-button_filled::after{
  position: relative;
  content: "";
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../common/img/icon_arrow_right.svg);
}
#suntory_contents .Component-Basic-button_filled::before{
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--color-suntory-water);
  transition-duration: var(--anim-duration);
  transform-origin: center center;
}
#suntory_contents .Component-Basic-button_filled:hover::before{
  transform: scale(1.2);
}
#suntory_contents .Component-Basic-button_filled.Component-Basic-button_filled-dark_background{
  color: var(--color-white);
}
#suntory_contents .Component-Basic-button_filled.Component-Basic-button_filled-blue_background::before{
  background-color: var(--color-white);
}
#suntory_contents .Component-Basic-button_filled[disabled]{
  pointer-events: none;
  color: var(--color-disabled-dark);
}
#suntory_contents .Component-Basic-button_filled.Component-Basic-button_filled-dark_background[disabled]{
  color: var(--color-disabled-light);
}
#suntory_contents .Component-Basic-button_filled[disabled]::after{
  background-image: url(../../common/img/icon_arrow_right_gray_dark.svg);
}
#suntory_contents .Component-Basic-button_filled[disabled]::before{
  background-color: var(--color-disabled-light);
}
/* End Component-Basic-button_filled */