.ddc-slot {
    user-select: none;
    text-align: center;
    font-size: 14px;
}

.ddc-slot.booked {
    background-color: #f88 !important;
    cursor: not-allowed !important;
    color: #400;
}

.ddc-slot.available:hover {
    background-color: #6c6 !important;
    cursor: pointer;
}

.small-text {
    font-size: 0.85em;
    display: block;
    margin-top: 4px;
}

.ddc-calendar th, .ddc-calendar td {
    vertical-align: middle;
}

.ddc-button {
  display: block;
  width: 60%;
  font-size: 16px;
  padding: 12px 0;
  text-align: center;
  margin-bottom: 20px;

  /* Add these */
  background-color: #4588ab; /* WordPress blue or pick your color */
  color: white !important;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none; /* Remove underline on links */
  box-sizing: border-box;
}

.ddc-button:hover,
.ddc-button:focus {
  background-color: #005177; /* Darker blue on hover */
  text-decoration: none;
}

.ddc-button:last-child {
  margin-bottom: 0;
}