.callout {
  padding: var(--spacing-larger) var(--spacing-mega);
  text-align: left;
  color: var(--color-grey-darkest);
  border-inline-start-width: var(--spacing-smallest);
  border-inline-start-style: solid;
  background-color: var(--color-grey-lightest);
  font-weight: normal;
}

.callout-primary {
  border-inline-start-color: var(--color-info);
}

.callout-danger {
  border-inline-start-color: var(--color-danger);
}

.callout-teal {
  border-inline-start-color: teal;
}

.callout-carbon {
  border-inline-start-color: var(--color-grey-darkest);
}

.callout-yellow {
  border-inline-start-color: var(--color-yellow);
}

.callout a {
  color: var(--color-black);
}
