.time-grid-card {
  background: #FFF;
  display: flex;
  padding: 16px 16px 20px 16px;
  height: 135px;
  min-width: 127px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  border-bottom: 4px solid #FCE2FB;
  transition: all .2s ease;
}

.time-text {
  white-space: nowrap;
  font-size: 14px;
}

.time-grid-card:hover {
  background: #EBF4E4;
}

.time-grid-card.disabled {
  opacity: .6;
  background: #FFF;
}

.time-grid-card.disabled img {
  opacity: .5;
}

.time-grid-card.disabled .subtitle {
  opacity: .5;
}

.time-grid-card.disabled p:not(.subtitle) {
  color: #BABFBF;
}

.time-grid-card .tags span:not(:last-of-type) {
  border-right: 1px solid #BABFBF;
}

@media (max-width:904px) {
  .time-grid-card {
    min-width: auto;
    padding: 16px 8px 20px 8px;
  }

  .clock-icon {
    width: 14px;
    height: 14px;
  }
}

@media (max-width:599px) {
  .time-text {
    font-size: 12px;
  }
}