.ds-message {
  margin: var(--space-small) 0 0;

  .title {
    display: flex;
    align-items: center;

    .glyph {
      width: 16px;
      height: 16px;
      margin: 0 var(--space-small) 0 0;
      -moz-context-properties: fill;
      fill: var(--newtab-text-secondary-color);
      background-position: center center;
      background-size: 16px;
      background-repeat: no-repeat;
    }

    .title-text {
      font-size: var(--font-size-small);
      color: var(--newtab-text-secondary-color);
      font-weight: var(--heading-font-weight);
      padding-inline-end: var(--space-medium);
    }

    .link {
      font-size: var(--font-weight-small);

      &:hover,
      &:focus {
        text-decoration: underline;
      }
    }
  }
}
