@import '../base/components/anchors/index';
a[rel*='external']::after {
  @extend %with-exit-icon, %as-pseudo;
  margin-left: 8px;
}
%main-content label a[rel*='help'] {
  color: $gray-400;
}
%main-content a[rel*='help']::after {
  @extend %with-info-circle-outline-icon, %as-pseudo;
  opacity: 0.4;
}
%main-content h2 a {
  color: $gray-900;
}
%main-content h2 a[rel*='help']::after {
  font-size: 0.65em;
  margin-top: 0.2em;
  margin-left: 0.2em;
}

[role='tabpanel'] > p:only-child [rel*='help']::after {
  content: none;
}
%main-content p a,
%main-content dd a {
  @extend %anchor;
}
