/**
 * @file
 * Styles for the header banner link block.
 */

.header-banner-link {
  display: inline-block;
  padding: 0.75rem 1rem;
  font-weight: bold;
  text-align: left;
}

.header-banner-link:hover,
.header-banner-link:focus {
  text-decoration: underline;
}

.header-banner-link--gray {
  background-color: #f0f0f0;
  color: #252525;
}

.header-banner-link--yellow {
  background-color: #fdc42e;
  color: #252525;
}

.header-banner-link--red {
  background-color: #d0001b;
  color: #fff;
}
.header-banner-link--red:hover {
  color: #fff;
  text-decoration: none;
}