@import '~styles/mixins';

.account-structure {
  .container {
    padding-top: 40px;
    padding-bottom: 40px;
    @include container;
  }
  .top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    @include tablet {
      flex-wrap: wrap;
    }

    .left,
    .right {
      h1 {
        margin-bottom: 15px;
      }
      @include tablet {
        width: 100%;
      }
    }

    .right {
      display: flex;
    }
    .nav {
      margin-bottom: 10px;

      .link span {
        &:after {
          content: ' > ';
        }
      }

      .strong {
        font-weight: 700;
      }
    }
    button {
      margin: 0;
      margin-bottom: 20px;
      @include phone {
        width: 100%;
        margin-bottom: 20px;
      }
    }
  }
  .info-wrapper {
    max-width: 500px;
  }
}
