.browser-upgrade {
  max-width: 823px;
  padding-bottom: 2rem;

  .browser {
    display: flex;
    flex-direction: column;
    align-items: center;

    .ami-button {
      min-width: 9.5rem;
      text-align: center;
      margin-top: 1.6667rem;

      @include tablet-only {
        min-width: 7.5rem;
      }
    }
  }

  .bottom-message {
    font-family: $font-tgn-condensed-bold;
    font-size: 1rem;
    color: $light-grey;
    text-transform: uppercase;
    margin-top: 5rem;
  }

  .page-subtitle {
    margin-top: 1.6667rem;
  }

  .browser-list {
    margin-top: 3.8889rem;
  }
}

.amnesty-logos {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 2.222rem;
  z-index: 10;
  top: 0;

  @include tablet-only {
    padding: 0 0.666rem;
  }

  @include mobile {
    padding: 0;
  }
}