digitransit-ui/app/component/itinerary/search-settings-dropdown.scss

.settings-dropdown-wrapper {
  .inverted {
    transform: rotate(180deg);
  }

  .settings-dropdown {
    list-style-type: none;
    display: inline-block;
    padding: 0 16px 0 16px;
    width: 100%;

    .settings-dropdown-choice {
      font-size: 15px;
      font-weight: $font-weight-medium;
      cursor: pointer;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      color: $primary-color;
      margin-bottom: 5px;
      border-radius: 5px;
      background-color: $background-color-lighter;
      padding: 3.75px 3.75px 3.75px 15px;
      line-height: 30px;

      &:focus-within {
        @include default-focus-outline;
      }

      input {
        opacity: 0;
        width: 0;
      }

      .right-side {
        display: flex;
      }

      &.selected {
        border: 1px solid #888;
        background-color: #fff;

        .selected-checkmark {
          color: $primary-color;
          margin: 9px 15px 0 0;
        }

        .icon-container {
          margin: -2px;
        }
      }

      .kmh-value {
        float: right;
        font-weight: normal;
        color: $gray;
      }

      .checkmark {
        float: right;
        min-width: 3em;
        width: 3em;
      }
    }
  }

  .settings-dropdown-label {
    min-height: 48px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0 0 16px;
    margin: 0;
    background: unset;
    border: none;
    width: 100%;
    font-size: unset;
    letter-spacing: inherit;
    line-height: 16px;

    .settings-dropdown-text-container {
      display: flex;
    }

    .settings-dropdown-label-text {
      font-size: $font-size-normal;
      color: $gray;
      float: left;
      text-align: start;
      margin: 16px 0;
    }

    .settings-dropdown-label-value {
      font-size: $font-size-small;
      float: right;
      color: $primary-color;
      width: 100%;
      padding-right: 14.72px;
      margin: 14.72px 0;
      font-weight: $font-weight-medium;
      text-align: end;
    }
  }

  .icon-container {
    float: right;
    margin: 0.9em 0 0 0;
    color: $primary-color;
  }
}