@import 'variables';

.simple-list {
  border-top: 1px solid $color-silver-dark;

  &--active {
    margin-bottom: 2 * $large-spacing;
  }

  &__item {
    border-bottom: 1px solid $color-silver-dark;

    display: flex;
    flex-direction: column;
    line-height: $list-height;

    @include desktop {
      flex-direction: row;
      height: $list-height;
      justify-content: space-between;
    }
  }

  &__action {
    @include default-link;
    color: $color-brand;
  }
}