.card {
  border: none;
  box-shadow: rgba(50, 50, 93, 0.25) 0 6px 12px -2px, rgba(0, 0, 0, 0.3) 0 3px 7px -3px;
  width: min(450px, 100%);
}

.table {
  --bs-table-bg: transparent;
}

.card-header, .card-footer {
  background: var(--dwnr-dark);
  color: white;
}

.rotatable::before {
  transform: rotate(var(--rotation, 0deg)) scale(-1);
}

.card:is(a[href]):hover {
  color: currentColor;
  box-shadow: rgba(50, 50, 93, 0.25) 0 6px 12px -2px, rgba(0, 0, 0, 0.3) 0 3px 7px -3px;

  .card-header, .card-footer  {
    background-color: var(--dwnr-dark-light);
  }

  .card-body{
    background-color: rgb(var(--bs-secondary-rgb), 0.1);
  }
}