.btn_action .btn-sm {
  padding: 6px 12px 6px 12px;
}
main
  .doctor_list__for
  .doctor_list__each
  .doctor_schedule
  .schedule_short__wrap
  .closest__time,
main
  .doctor_detail__wrap
  .doctor_list__each
  .doctor_schedule
  .schedule_short__wrap
  .closest__time {
  white-space: nowrap;
  font-size: 16px;
}

main .doctor_list__for .doctor_list__each .doctor_detail .speciality {
  display: flex;
  margin-bottom: 16px;
}
.doctor_list__for .speciality span {
  display: table;
  padding: 8px 12px 4px 12px;
  border: 1px solid #9eb3c5;
  border-radius: 16px;
  margin-right: 8px;
  color: #9eb3c5;
  cursor: pointer;
}
.doctor_list__for .speciality span.active {
  color: #2c66bc;
  border-color: #2c66bc;
  cursor: default;
}

@media (min-width: 920px) {
  .doctor_list__for .doctor_list__each,
  .doctor_detail__wrap .doctor_list__each {
    min-height: 184px;
  }
}

.schedule-special-wrap__outer {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.schedule-special-wrap__outer span {
  border: 1px solid #fd8327;
  color: #fd8327;
  margin-bottom: 12px;
  display: table;
  cursor: pointer;
  border-radius: 28px;
  padding: 10px 20px 10px 20px;
}

.schedule-special-wrap__outer span.active {
  color: #fff;
  background-color: #fd8327;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .schedule-service-spec__wrap {
    overflow: scroll;
  }
  .schedule-special-wrap__outer span {
    font-size: 12px;
    padding: 8px;
  }

  .schedule-special-wrap__outer {
    gap: 8px;
    justify-content: flex-start;
  }
}