.active-tab-buttons-container {
  color: $black;
  text-align: center;
  margin-top: (70em / 16);
  white-space: nowrap;
  overflow-x: scroll;
  @include breakpoint(medium up) {
    overflow-x: unset;
    white-space: unset;
  }
  .button {
    font-size: 16px;
    line-height: (19em / 16);
    padding: (16em / 16) (33em / 16);
    text-align: center;
    display: inline-block;
    margin-bottom: (16em / 16);
    &:not(:last-child) {
      margin-right: (24em / 16);
    }
    &.mint {
      color: $white;
      background-color: $mint;
      border: 1px solid $mint;
      &.hollow {
        color: $mint;
        background-color: $white;
      }
    }
  }
}
.active-tab-body {
  border: 2px solid $light-mint;
  border-radius: 4px;
  padding: (24em / 16);
  margin-bottom: (60em / 16);
  h2 {
    margin-bottom: 0;
  }
  .divider {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  p {
    font-size: (14em / 16);
    line-height: (22em / 14);
    font-weight: 600;
    color: $charcoal;
  }
}
.iframe-replacement {
  background: white;
  padding-top: 32px;
  h1, h2 {
    text-align: center;
  }
}