/* === General Styles (Applies to Both Modes) === */
.ins-ppc-buttons-banner-widget {
  padding: 60px 0;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.ins-ppc-buttons-banner-widget .buttons-banner-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ins-ppc-buttons-banner-widget .banner-heading {
  font-size: 8vw;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10vw;
}

/* === Default: Dark Mode === */
.ins-ppc-buttons-banner-widget {
  background: #051235;
}

.ins-ppc-buttons-banner-widget .banner-heading {
  color: #fff;
}

.ins-ppc-buttons-banner-widget .btn {
  font-weight: 700;
  font-size: 4.5vw;
  padding: 15px 60px;
  display: block;
  box-sizing: border-box;
  color: #051235;
  background: linear-gradient(90deg, #ACFDF5 0%, #4FDCCE 100%);
}

/* === Light Mode === */
.ins-ppc-buttons-banner-widget.light-mode {
  background: #E8EEF2;
}

.ins-ppc-buttons-banner-widget.light-mode .banner-heading {
  color: #051235;
}

/* === Tablet/Desktop Adjustments === */
@media only screen and (min-width: 768px) {
  .ins-ppc-buttons-banner-widget .btn {
    font-size: 20px;
  }

  .ins-ppc-buttons-banner-widget .banner-heading {
    font-size: 34px;
    margin-bottom: 20px;
  }
}