.section-view {
  display: flex;
  &__list {
    width: 371px;
    height: inherit;
    border-right: 1px solid #c0c0c0;
  }
  &__list-item-name {
    padding-left: 10px;
  }
  &__content {}
}

.section-button {
  height: 70px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #c0c0c0;
  >button {
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    cursor: pointer;
    >.text {
      margin-bottom: 0;
      margin-left: 24px;
      flex: 1;
      text-transform: uppercase;
      font-weight: bold;
      color: #4a4a4a;
    }
    >i {
      margin-right: 34px;
    }
  }
  >button:focus {
    outline: 2px solid #0077e2;
    >i {
      color: #0077e2
    }
  }
  >button:hover {
    >.text {
      color: #0077e2;
    }
  }
  &--selected {
    background-color: rgba(0, 119, 226, 0.15);
    >button {
      >.text {
        color: #0077e2
      }
    }
  }
}