prog reduc scss

#TimelineSignpostButton {
  .TimelineButton {
    text-indent: 60px; // Allows label text to be hidden when button shrinks
  }

  .SignpostLevel1 &.TimelineButton {
    width: 116px; // Wide button with label
  }

  .SignpostLevel1 &.TimelineButton,
  .SignpostLevel2 &.TimelineButton {
    background: $official_white image-url('signpost-dark.svg');
    background-size: 24px 24px;
  }

  .SignpostLevel2 &.TimelineButton,
  .SignpostLevel3 &.TimelineButton {
    width: 60px; // Smaller button hides the label
  }

  .SignpostLevel3 &.TimelineButton {
    background: image-url('signpost-light.svg') no-repeat 8px 6px;
    background-size: 24px 24px;
  }
}