svg {
    width: 4rem;
    height: 4rem;
    padding: 12px;
    cursor: pointer;
}

.left {
    transform: rotateY(180deg);
}



.month {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: right;
  grid-gap: 4px;
}

.label {
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  opacity: 0.6;
}

.date {
  /* font-size: 16px; */
  border: 1px solid #e6e4e4;
}

.date.today {
  /*color: #5286fa;*/
  background: #61e8d3;
  /*border-color: currentColor;*/
}

.date.other {
  opacity: 0.2;
}
.date_schedule {
  color: rgb(0, 0, 0);
}

.date-inner {
  height: 40px;
  /* font-size: 16px; */
  letter-spacing: -1px;
  padding-right: 4px;
  font-weight: 600;
  padding: 0.25rem;
}