/** @format */

.time-drop {
           background: #fffefe;
    width: 100%;
    margin-top: 10px;
    max-width: 100px;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 17%);
    padding: 7px;
    position: absolute;
    height: 235px;
    overflow: scroll;
    gap: 0 2px;
    align-items: start;
    grid-template-columns: repeat(1,1fr);
}
.time-drop div {
    cursor: pointer;
    font-size: 18px;
    padding: 0px 0px;
    border-radius: 2px;
    color: #000000;
    background: #fff;
    font-weight: 500;
    border: 1px solid #000000;
    text-align: center;
    margin-block: 4px;
 
}
.time-drop div:hover {
  background-color: #000;
  color:#fff;
}