.main-card-bg {
  background-color: var(--bs-tertiary-bg, #f2f2f2) !important;
}

.card.main-card-bg {
  background-color: var(--bs-tertiary-bg, #f2f2f2);
}

.button-card { 
  all: unset;
  background: none;
  border: none;
  padding: 0;
  text-decoration: none;
  display: block;
  width: 100%;
}

.hover-card {
    transition: all 0.3s ease; /* This allows the changes to be animated over 0.3 seconds */
  }
  
  .hover-card:hover {
    transform: scale(1.05); /* This enlarges the card slightly */
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4); /* This increases the shadow */
    cursor: pointer; /* This changes the cursor to a pointer when hovering over the card */
  }