:root {
  --aunt-card-size: var(--aunt-font-size-md);
  --aunt-card-color: var(--aunt-text-color);
  --aunt-card-background-color: var(--aunt-white-color);
  --aunt-card-radius: var(--aunt-border-radius-lg);
  --aunt-card-body-padding: 0 var(--aunt-padding-md);
  --aunt-card-header-padding: var(--aunt-padding-sm) var(--aunt-padding-md);
  --aunt-card-header-size: var(--aunt-font-size-lg);
  --aunt-card-header-color: var(--aunt-black);
  --aunt-card-footer-padding: var(--aunt-padding-sm) var(--aunt-padding-md);
}
.aunt-card {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  color: var(--aunt-card-color);
  font-size: var(--aunt-card-size);
  background-color: var(--aunt-card-background-color);
}
.aunt-card--round {
  border-radius: var(--aunt-card-radius);
}
.aunt-card--border {
  border: 1px solid var(--aunt-gray-2);
}
.aunt-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  font-size: var(--aunt-card-header-size);
  color: var(--aunt-card-header-color);
  padding: var(--aunt-card-header-padding);
}
.aunt-card-header__extra {
  font-weight: normal;
}
.aunt-card-body {
  padding: var(--aunt-card-body-padding);
}
.aunt-card-body + .aunt-card-cover {
  margin-top: var(--aunt-padding-sm);
}
.aunt-card-cover + .aunt-card-body {
  margin-top: var(--aunt-padding-sm);
}
.aunt-card-body:first-child {
  padding-top: var(--aunt-padding-sm);
}
.aunt-card-body:last-child {
  padding-bottom: var(--aunt-padding-sm);
}
.aunt-card-footer {
  padding: var(--aunt-card-footer-padding);
  text-align: right;
}
.aunt-card-footer--compact {
  padding: 0;
}
.aunt-card-cover {
  width: 100%;
}