.orderStatus {
  font-family: brandon-grotesque-medium, sans-serif;
  color: black;
  border-radius: 20px;
  font-size: 60px;
  height: 90px;
  display: flex;
  text-align: center;
  margin: 20px;
}
.orderStatus .placard {
  flex: 33.33% 0 0;
  height: inherit;
  padding-top: 4px;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.orderStatus .placard.inProgress {
  background-color: lightyellow;
}
.orderStatus .placard.ready {
  background-color: lightgreen;
}
.orderStatus .placard.food {
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.orderStatus .placard.drinks {
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}
.orderStatus .placard.name {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  background-color: white;
}
.orderStatus .roundedRight {
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}
.orderStatus .roundedLeft {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}