.school-status-widget{width:32px;height:30px;border-radius:5px}
.school-status-widget a{width:32px;height:30px;display:inline-block;position:relative;box-sizing:border-box;text-decoration:none}
.school-status-widget .icon{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.school-status-widget .icon svg{display:block;width:18px;height:19px}
.school-status-widget .icon svg .fill{fill:#FFF}
.school-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.35);border-radius:10px;padding:2px 6px;font-size:14px;font-weight:bold;line-height:1;color:currentColor}
.bus-status-widget .count:empty{display:none}
.school-status-widget[data-status="red"]{background-color:#D00B0B}
.school-status-widget[data-status="red"] a{color:#BD2028}
.school-status-widget[data-status="yellow"]{background-color:#FFB43F}
.school-status-widget[data-status="yellow"] a{color:#95671F}
.school-status-widget[data-status="green"]{background-color:#6EC744}
.school-status-widget[data-status="green"] a{color:#387D17}
.school-status-widget[data-status="blue"]{background-color:#006FE6}
.school-status-widget[data-status="blue"] a{color:#006FE6}