.ui-section {
  margin-top: 15px;
  padding-top: 15px;
  display: block;
  border-top: $border-light;
}

.ui-section_list {
  > li {
    padding: 15px 0;
    border-top: $border-light;

    &:first-child {
      padding-top: 0;
      border-top: none;
    }

    &:last-child {
      padding-bottom: 0;
    }
  }
}

.ui-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;

  .ui-button {
    margin-left: auto;
    order: -1;

    @media ($media-m) {
      order: 1;
    }

    &:not(.ui-button-small, .ui-button-wide) {
      width: 100%;

      @media ($media-m) {
        width: auto;
      }
    }
  }
}