@import './../../styles/variables/index.scss';

.next {
  display: table;
  margin: 80px auto;
  padding: 0 54px;

  @media (min-width: 560px) {
    max-width: 608px;
    padding: 0 32px;
    margin: 168px auto;
  }

  @media (min-width: 900px) {
    max-width: 1366px;
    margin: 192px auto;
    padding: 0 43px;
  }

  div[class*='h4_italic'] {
    margin-bottom: 8px;

    @media (min-width: 560px) {
      margin-bottom: 26px;
    }
  }

  .secondLine {
    a {
      display: block;
    }
    h2 {
      display: inline;
      color: $medium-blue;
      @media (min-width: 560px) and (max-width: 899px) {
        font-size: 70px;
        line-height: 76px;
      }
    }
    span[class*='icon'] {
      @media (min-width: 560px) and (max-width: 899px) {
        vertical-align: text-bottom;
      }
    }
    svg[class*='large_icon'] {
      @media (min-width: 560px) and (max-width: 899px) {
        width: 52px;
        height: 52px;
      }
    }
  }
}