@import '~styles/layout.scss';

.doubleFold {
  @extend %grid;

  @include msGridColumns(1fr);

  grid-template-columns: 1fr;
  z-index: 2;

  @media #{$tablet-landscape} {
    @include msGridColumns(5fr, 7fr);

    grid-template-columns: 5fr 7fr;
    z-index: 0;
  }
}

.threeFold {
  @extend %grid;

  height: 150px;
  max-width: 450px;

  @include msGridColumns(1fr);

  grid-template-columns: 1fr;

  @media #{$tablet-landscape} {
    @include msGridColumns(3fr, 2fr, 2fr);

    grid-template-columns: 3fr 2fr 2fr;
  }
}

.backButton {
  margin-right: 20px;
}

.backIcon {
  fill: $white;
  width: 60px;
  height: 60px;
}

.title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

@import '~styles/layout.scss';

.doubleFold {
  @extend %grid;

  @include msGridColumns(1fr);

  grid-template-columns: 1fr;
  z-index: 2;

  @media #{$tablet-landscape} {
    @include msGridColumns(5fr, 7fr);

    grid-template-columns: 5fr 7fr;
    z-index: 0;
  }
}

.threeFold {
  @extend %grid;

  height: 150px;
  max-width: 450px;

  @include msGridColumns(1fr);

  grid-template-columns: 1fr;

  @media #{$tablet-portrait} {
    @include msGridColumns(1fr, 1fr);

    grid-template-columns: 1fr 1fr;
    height: auto;
    max-width: 100%;
  }

  @media #{$tablet-landscape} {
    @include msGridColumns(3fr, 2fr, 2fr);

    grid-template-columns: 3fr 2fr 2fr;
  }
}

.backButton {
  margin-right: 20px;
}

.backIcon {
  fill: $white;
  width: 60px;
  height: 60px;
}

.title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

Fix ndc country stacked buttons
Fix ndc country stacked buttons
