@include media-breakpoint-up('sm') {
  .favourite-add-form {
    width: 300px;
  }
}

.favourite__stops {
  display: block;
  white-space: nowrap;
  padding-left: 0;
  font-size: $small-font-size;
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: 100%;

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

.favourite {
  display: flex;
}

.favourite__entry {
  @extend .btn;
  @extend .btn-action;

  display: flex;
  flex: 1 1 auto;
  align-items: center;
  padding: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.favourite__stop {
  display: inline-flex;

  &::after {
    content: ", ";
    margin-right: .5em;
  }

  &:last-child::after {
    content: none;
    margin-right: 0;
  }
}
