.scheduleCardHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
}

.schedule_radio_option {
  width: 100%;
}

.schedule_radio_option label {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px;
}

.schedule_radio_input {
  margin-right: 10px; /* Adjust the space between the radio button and the label text */
}

.schedule_course_card {
  display: flex;
}

.schedule-card-link {
  background-color: var(--secondary-color);
  color: white;
}

.schedule-card-link:hover {
  background-color: var(--main-color);
  color: var(--background-color);
}

.schedule_course_card,
.schedule-card-link {
  border-radius: 5px;
}

.schedule_course_card .info {
  font-size: 1.25rem;
}

small {
  color: var(--accent-color);
}

.badge-new {
  background-color: #ff0000; /* Red background to draw attention */
  color: #ffffff; /* White text */
  font-size: 12px; /* Smaller font size for the badge */
  padding: 3px 6px; /* Padding for the badge */
  margin-left: 10px; /* Space between button text and badge */
  border-radius: 5px; /* Rounded corners for the badge */
  vertical-align: super; /* Aligns badge with the top of the button text */
}