.a-title {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: var(--font-weight--bold);
  line-height: var(--line-height--sm);
}

@media all and (min-width: 1024px) {

  .a-title {
    line-height: var(--line-height--sl);
}
  }

.a-title span {
    color: var(--color-6);
}

.a-title a {
    color: currentColor;
  }

.a-title--h1,
  .a-title h1 {
    font-size: var(--font-size--l);
  }

@media all and (min-width: 1024px) {

  .a-title--h1,
  .a-title h1 {
      font-size: var(--font-size--xxxxxl);
  }
    }

.a-title--h2,
  .a-title h2 {
    font-size: var(--font-size--m);
  }

@media all and (min-width: 1024px) {

  .a-title--h2,
  .a-title h2 {
      font-size: var(--font-size--xxxl);
  }
    }

.a-title--h3,
  .a-title h3 {
    font-size: var(--font-size--base);
  }

@media all and (min-width: 1024px) {

  .a-title--h3,
  .a-title h3 {
      font-size: var(--font-size--xl);
  }
    }

.a-title--h4,
  .a-title h4 {
    font-size: var(--font-size--l);
  }

.a-title--h5,
  .a-title h5 {
    text-transform: none;
    font-size: var(--font-size--ls);
  }

.a-title--h6,
  .a-title h6 {
    font-size: var(--font-size--m);
  }

.a-title--icon {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-weight: var(--font-weight--bold);
  }

.a-title__icon {
    position: relative;
    display: flex;
  }

.a-title__svg,
  .a-title svg {
    flex: 1;
    max-width: 2.5rem;
    max-height: 2.5rem;
  }