label.form-item__label.option {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 5px;
}
.js-form-item-time-slots input[type="radio"]:checked + label.option {
    background-color: #007bff; 
    color: #fff; 
    border-color: #007bff;
  }
  /* Set up a grid with three columns */
  #edit-time-slot {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 10px;
  }

  #edit-time-slot .form-radio {
    display: none !important;
}
  /* Style the radio input and label */
  .js-form-item-time-slots input[type="radio"] {
    /* Optionally, you can hide the default radio button */
    display: none;
  }
  table {
    border: 1px solid #000;
    width: 100%;
    text-align: center;
}