.value-card {
  --avns-value-card-background: #fff;
  --avns-value-card-gradient-start: #000;
  --avns-value-card-gradient-end: #000;
  --avns-value-card-color: var(--thm-grey800);
  position: relative;
  flex: 1;
  margin: 0;
  border: 4px solid transparent;
  border-radius: var(--thm-border-radius-cards-tl);
  background:
  linear-gradient(135deg, var(--avns-value-card-background), var(--avns-value-card-background)) padding-box,
  linear-gradient(135deg, var(--avns-value-card-gradient-start), var(--avns-value-card-gradient-end)) border-box;
  box-shadow: var(--thm-blurred-box-shadow);
  color: var(--avns-value-card-color);
}

.value-card.value-card--mode-dark {
  --avns-value-card-background: #25242a;
  --avns-value-card-gradient-start: #fff;
  --avns-value-card-gradient-end: #fff;
  --avns-value-card-color: #ffffff;
}

.value-card.value-card--theme-avanos {
  --avns-value-card-gradient-start: #ff9e16;
  --avns-value-card-gradient-end: #fb637e;
}

.value-card.value-card--theme-coolief {
  --avns-value-card-gradient-start: var(--wp--preset--color--coolief-green);
  --avns-value-card-gradient-end: var(--wp--preset--color--coolief-green);
}

.value-card.value-card--theme-coolief.value-card--mode-dark {
  --avns-value-card-gradient-start: var(--wp--preset--color--coolief-blue);
  --avns-value-card-gradient-end: var(--wp--preset--color--coolief-blue);
}

.value-card:focus-within,
.value-card:hover {
  box-shadow: var(--thm-tight-box-shadow);
}

.value-card__inner {
  display: flex;
  padding: 32px;
  text-align: left;
  flex-direction: column;
  height: 100%;
}

.value-card--v-center .value-card__inner {
  justify-content: center;
}