.bus-status-widget {
  color: red; }
  .bus-status-widget a {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    text-decoration: none; }
  .bus-status-widget .icon {
    display: block; }
    .bus-status-widget .icon svg {
      display: block;
      height: 30px;
      width: 30px; }
      .bus-status-widget .icon svg .fill {
        fill: currentColor; }
  .bus-status-widget .count {
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: currentColor; }
    .bus-status-widget .count:empty {
      display: none; }
  .bus-status-widget[data-status="ontime"] a {
    color: #7AC043; }
  .bus-status-widget[data-status="cancelled"] a {
    color: #FC3842; }
  .bus-status-widget[data-status="delayed"] a {
    color: #FFB43F; }
  .bus-status-widget[data-status="early"] a {
    color: #006FE6; }
  .bus-status-widget[data-status="inactive"] a {
    color: #cccccc; }