.infoBox {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;

  padding: var(--Space-x2) var(--Space-x3);
  border-radius: var(--Corner-Radius-Medium);
  align-items: center;

  background: var(--Background-Secondary);

  &.sasBlue {
    background: var(--SAS-Blue-90);
  }

  .iconContainer {
    display: flex;
    width: 24px;
    padding: var(--Space-x05);
    border-radius: 100%;
    aspect-ratio: 1 / 1;
    box-sizing: content-box;
    align-items: center;
    justify-content: center;
    color: white;

    background: var(--Surface-Brand-Accent-OnAccent-Accent);

    &.sasBlue {
      color: white;
      background: var(--SAS-Blue-Default);
    }
  }

  .content {
    display: flex;
    flex-direction: column;
    gap: var(--Space-x05);
  }
}