.rolloverContainer {
  @include flex-direction(column);
  background-color: var(--lotto-box-bg-color, #ececf6);
  border-radius: 8px;
  padding: 1.6rem 1.6rem 2.4rem 1.6rem;
  height: fit-content;
}

.rollover {
  > p {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  > h2 {
    margin-bottom: 1.6rem;
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 700;
  }

  &.red {
    > h2 {
      color: var(--lotto-rollover-text-color, #e00028);
    }
  }

  &:nth-last-child(2) {
    > h2 {
      @include min(tablet) {
        margin-bottom: 0;
      }
    }
  }

  &.hide {
    display: none;
  }
}

.buttonContainer {
  > a {
    height: 4.8rem;
    font-size: 2rem;
    line-height: 3rem;
    margin-top: 0;
    font-weight: 700;
  }

  @include min(mobile) {
    max-width: 31.1rem;
    width: 100%;
    margin: 0 auto;
    margin-top: 2.4rem;
  }
}
