frontend/marko/components/toggle/style.less

div.toggle {
  div.toggle-pill {
    display: inline-block;
    margin: 0.5em;
    margin-bottom: 0;

    a.toggle-option {
      padding: 0.125em 0.5ch;
      display: inline-block;
      width: 8ch;
      text-align: center;
      outline: 0.5px dotted;
      cursor: pointer;
      opacity: 0.75;
    }
    a.toggle-option.color-highlight-primary {
      outline: 1px solid;
    }
    a.toggle-option:hover {
      opacity: 1;
    }
  }

  div.toggle-content {
    display: inline-block;
  }
}
div.toggle:first-of-type {
  margin-top: 0.5ch;
}