.card {
  background: var(--background-color-darkmode);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, .16);
  border-radius: var(--border-radius-small);
}
.card-hover {
  cursor: pointer;
  transition-duration: .2s;
}

.dark .background-gray {
  background-color: #252525 !important;
}

.text-sub-title {
  color: #9c9c9c;
  font-size: 0.8rem;
}

.box-images-center{
  width: 40px;
  display: flex;
  justify-content: center;
  border-radius: 1px;
  align-items: center;
}

.text-align-top {
  margin-top: 10px;
}

.bottom-border-dark-gray {
  border-bottom: 1px solid #9c9c9c;
}

.dark .bottom-border-dark-gray {
  border-bottom: 1px solid #323232;
}

@media (pointer: fine) {
  .card-hover:hover {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.24);
    z-index: 1;
  }
}