@mixin title() { ... }@mixin title() { 
  @include typography.style-as('paragraph-2');

  margin-bottom: spacing.get('s2');
  text-decoration: none;

  &,
  &:visited {
    color: settings.$color;
  }

  &:hover {
    cursor: pointer;
    color: settings.$hover-color;
  }
 }

@mixin content() { ... }@mixin content() { 
  margin-top: spacing.get('s2');
  display: inline-block;
  text-decoration: none !important;
 }

@mixin title-large() { ... }@mixin title-large() { 
  @include typography.style-as('section-2');
 }

$color: color.get('text', 'primary') !default;

$hover-color: color.get('link', 'hover', 'primary') !default;