// Magic number where the option menu should change layout
$options-menu-bp: 840;

.c-options-menu {
  list-style: none;
  margin-left: 0;

  @include mq($max: $options-menu-bp){
    display: flex;
    justify-content: space-between;
  }
}

.c-options-menu__segment {
  @include mq($options-menu-bp) {
    & + & {
      margin-top: 50px;
    }
  }
}

.c-options-menu__label {
  @include font-size(xs);
  @include font-weight(500);
  margin-bottom: 10px;
  color: palette(text, 100);

  @include mq($max: $options-menu-bp){
    .c-options-menu__segment:last-child & {
      text-align: right;
    }
  }
}