.usa-banner {

@if variable-exists(usa-banner-bg) {
  background-color: color($usa-banner-bg);
}

.usa-banner__header-text {
  @if variable-exists(usa-banner-text) {
    color: color($usa-banner-text);
  }
}

.usa-banner__header-action,
.usa-banner__button-text {
  @if variable-exists(usa-banner-link) {
    color: color($usa-banner-link);
  }

  &:hover {
    @if variable-exists(usa-banner-link-hover) {
      color: color($usa-banner-link-hover);
    }
  }
}

.usa-banner__content {
  @if variable-exists(usa-banner-text) {
    color: color($usa-banner-text);
  }
}

}