:deep(._.el-calendar) {
  --el-calendar-border: none;
  --el-calendar-selected-bg-color: transparent;

  .el-calendar__body {
    padding: 12px;

    .el-calendar-table tbody .el-calendar-table__row {

      td {
        // border-radius: 8px;
        // padding: 5px;

        .el-calendar-day {
          height: auto;
          display: flex;
          justify-content: center;

          span {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 12px;
            height: 36px;
            width: 36px;
            border-radius: 8px;
          }

          &:hover {
            span {
              color: white;
              background: #3F8CFF90;
            }
          }
        }

        &.is-selected {
          .el-calendar-day {
            span {
              color: white;
              background: #3F8CFF;
            }
          }
        }
      }
    }
  }
}
