/* Make reveal button full-width and center the text (high-specificity + safe defaults) */
.reveal-bonus-button,
.reveal-button {
  display: block !important;        /* ensure block-level so width:100% works */
  width: 100% !important;           /* full width of the content column */
  box-sizing: border-box !important;
  margin: 0 auto !important;        /* center inside parent */
  padding: 14px 18px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: center !important;    /* center the button text */
  background: #0073aa !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
}

/* ensure the container does not shrink the button */
.reveal-bonus-wrapper,
.reveal-container,
.reveal-content {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* smaller screens: keep padding reasonable */
@media (max-width: 480px) {
  .reveal-bonus-button,
  .reveal-button {
    padding: 12px 14px !important;
    font-size: 16px !important;
  }
}