[data-component-id="pedestal:feature"] {
  --feature-icon-color: var(--color-primary, currentColor);
  --feature-name-color: var(--color-on-surface, currentColor);
  --feature-description-color: var(--color-on-surface, currentColor);
  --feature-background-color: var(--color-surface, white);

  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--rhyme-sm);

  background-color: var(--feature-background-color);
  box-shadow: 0 0 4px 0px #ccc;
  border-radius: 0.25rem;
  padding: var(--rhyme-md);
  max-width: 24rem;

  text-align: center;

  transition: all 0.5s ease;
}

[data-component-id="pedestal:feature"]:hover {
  transform: translateY(-1.4ch);
  transition: all 0.5s ease;
}

.feature__icon {
  color: var(--feature-icon-color);
  font-size: 3rem;
}

.feature__name {
  color: var(--feature-name-color);
  font-weight: 600;
}

.feature__description {
  color: var(--feature-description-color);
}

.feature__description p {
  margin: 0;
}