calendar colors updated

src/components/Calender/index.css

@@ -75,14 +75,14 @@
     font-size: 10px;
     background: rgba(245, 245, 245, 0.53);
     border:1px solid #DBDBDB;
-    box-shadow: 0 1em 4em rgba(0, 0, 0, 0.07);
+    box-shadow: 0 1em em rgba(0, 0, 0, 0.07);
     border-radius: 1em;
     position: relative;
     user-select: none;
     padding-top: 1.2em;
     display: flex;
     flex-direction: column;
-    width: 33em;
+    width: 36em;
     z-index: 10;
     max-width: 90vw;
     min-height: 36.7em;
@@ -518,7 +518,7 @@
     display: block;
     width: calc(100% / 7);
     text-align: center;
-    padding: calc(0.25em - 1px) 0;
+    padding: calc(0.25em - 1px);
     font-size: 1.6em;
     border-radius: 11px;
     transition: 0.2s;
@@ -549,16 +549,16 @@
   }
   
   .Calendar__day:not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween):not(.-selected):hover {
-    background: #eaeaea;
+    
-    border-radius: 50%;
+    background-color: #DAFBFF;
-    color: var(--cl-color-black);
+    color: #06BACE;
-    border-color: transparent;
+    border:1px solid #06BACE;
   }
   
   .Calendar__day.-selected,
   .Calendar__day.-selectedStart,
   .Calendar__day.-selectedEnd {
-    background: var(--cl-color-primary);
+    background: #06BACE;
     color: #fff;
   }
   
@@ -604,7 +604,7 @@
     cursor: default !important;
   }
   .Calendar__day.-selected {
-    border-radius: 50%;
+   
   }
   .Calendar__day.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween) {
     font-weight: 600;