/* Card */

.card {
  background: var(--card-base-bg);
  border: var(--card-base-border);
  border-radius: var(--card-base-border-radius);
  box-shadow: var(--card-base-shadow);
  overflow: hidden;
}

.card-header {
  padding: var(--card-header-padding);
  border-bottom: var(--card-header-border-bottom);
  background: transparent;
}

.card-body {
  padding: var(--card-body-padding);
  background: transparent;
}

.card-body-no-padding {
  padding: 0 !important;
}

.card-footer {
  padding: var(--card-footer-padding);
  border-top: var(--card-footer-border-top);
  background: transparent;
  display: flex;
  justify-content: flex-end;
}