* {
  --radius-card: 16px;

}

.card {
  background-color: rgba(
    var(--background-secondary),
    var(--background-opacity)
  );
  color: rgb(var(--text-primary));
  box-shadow: 2px 6px 21px rgba(0, 0, 0, 0.2);
  border-radius: var(--radius-card);
  padding: 17px;
  margin: 0;
  border: none;
  transition: transform 0.2s ease-in-out;
}

.card .card-header {
  border-top-left-radius: var(--radius-card);
  border-top-right-radius: var(--radius-card);
}

.card.zoomable:hover {
  transition: all 0.2s ease-in-out;
  transform: scale(1.015);
  cursor: pointer !important;
  box-shadow: 2px 6px 21px rgba(0, 0, 0, 0.4);
}