.service__page-forecast-callout-root-box {
  padding: clamp(
      24px,
      calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
      36px
    )
    clamp(
      30px,
      calc(30px + (44 - 30) * (100cqw - 1280px) / (1600 - 1280)),
      44px
    );
  padding-left: clamp(
    26px,
    calc(26px + (36 - 26) * (100cqw - 1280px) / (1600 - 1280)),
    36px
  );
  display: flex;
  flex-direction: column;
  gap: clamp(
    16px,
    calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
    24px
  );
  background-color: var(--blue-white-color);
  border-left: 8px solid var(--blue-color);
  border-radius: clamp(
    40px,
    calc(40px + (48 - 40) * (100cqw - 1280px) / (1600 - 1280)),
    48px
  );
}

.service__page-forecast-callout-title-text {
  font-family: "Unbounded", sans-serif;
  font-size: clamp(21px, calc(21px + (24 - 21) * (100cqw - 1280px) / (1600 - 1280)), 24px);
  font-weight: 600;
  line-height: 126%;
}

.service__page-forecast-callout-button-view {
  padding: clamp(16px, calc(16px + (22 - 16) * (100cqw - 1280px) / (1600 - 1280)), 22px) clamp(28px, calc(28px + (38 - 28) * (100cqw - 1280px) / (1600 - 1280)), 38px);
  color: var(--white-color);
  font-family: "Unbounded", sans-serif;
  font-size: clamp(
    16px,
    calc(16px + (17 - 16) * (100cqw - 1280px) / (1600 - 1280)),
    17px
  );
  font-weight: 600;
  line-height: 130%;
  width: fit-content;
  border-radius: 20px;
  background-color: var(--blue-color);
  transition: var(--transition);
}

.service__page-forecast-callout-button-view:hover {
  background-color: var(--pink-color);
}

@media(max-width: 1366px) {
  .service__page-forecast-callout-title-text {
    line-height: 135%;
  }
}

@media(max-width: 992px) {
  .service__page-forecast-callout-root-box {
    padding: 20px 26px 20px 22px;
    gap: 12px;
    border-radius: 30px;
  }
  .service__page-forecast-callout-title-text {
    font-size: 18px;
    line-height: 138%;
  }
  .service__page-forecast-callout-description-text {
    line-height: 138%;
  }
  .service__page-forecast-callout-button-view {
    font-size: 14px;
    line-height: 140%;
  }
}