.slot-btn {
  font-size: 12px;
  padding: 6px 4px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #dee2e6;
  text-align: center;
  transition: all .15s;
  user-select: none;
}

.slot-btn.libre {
  background: #e8f5e9;
  color: #2e7d32;
  border-color: #c8e6c9;
}

.slot-btn.ocupado {
  background: #ffebee;
  color: #c62828;
  border-color: #ffcdd2;
  cursor: not-allowed;
}

.slot-btn.selected {
  background: #5156be;
  color: #fff;
  border-color: #5156be;
}

.slot-btn.libre:hover {
  background: #d0ebd1;
}