%radio-card {
  border: var(--decor-border-100);
  border-radius: var(--decor-radius-100);
  border-color: var(--token-color-surface-interactive-active);
  box-shadow: var(--token-surface-mid-box-shadow);
  color: var(--token-color-foreground-faint);
  cursor: pointer;
}
%radio-card.checked {
  border-color: var(--token-color-foreground-action);
}
%radio-card > :first-child {
  background-color: var(--token-color-surface-strong);
}
%radio-card.checked > :first-child {
  background-color: var(--token-color-surface-action);
}
%radio-card header {
  margin-bottom: 0.5em;
}
%radio-card header {
  color: var(--token-color-hashicorp-brand);
}
%radio-card-with-icon > :last-child {
  padding-left: 47px;
  position: relative;
}
%radio-card-with-icon > :last-child::before {
  position: absolute;
  left: 14px;
  font-size: 1rem;
}