.seal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-8);
  margin-block: var(--space-4);
}
.seal__outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: var(--space-4) var(--space-8);
  border: 1px solid currentColor;
}
.seal__text {
  font-family: var(--font-heading);
  font-weight: bold;
  overflow-wrap: anywhere;
}
.seal--decision .seal__outline {
  border: 4px double var(--color-vermilion);
  color: var(--color-vermilion);
  font-size: var(--font-size-section);
}
.seal--consensus .seal__outline {
  min-height: 48px;
  min-width: 48px;
  border-radius: 50%;
  font-size: var(--font-size-table);
}
.seal--pending .seal__outline {
  border-style: dashed;
  color: var(--color-text-muted);
}
.seal__actor,
.seal__time,
.seal__note,
.seal__reference {
  font-family: var(--font-body);
  font-size: var(--font-size-caption);
}
.seal--status .seal__outline {
  font-size: var(--font-size-table);
}
@media (min-width: 800px) {
  .seal--decision .seal__outline {
    transform: rotate(-4deg);
    font-family: var(--font-heading);
  }
  .seal--consensus .seal__outline {
    border: 2px solid var(--color-vermilion);
    outline: 1px solid #b1604d55;
    outline-offset: -5px;
    transform: rotate(-8deg);
  }
}