.selected {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: aqua;
}

.reserved {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: rgb(151, 155, 155);
}

.available {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid white;
}

.legend-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
}

.title {
  color: white;
  font-family: "Poppins-Medium";
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .title {
    font-size: 22px;
  }
}
