/* Obtain alert icon character, \f623  */
@import url("https://assets.bux.osu.edu/bux-icons/bux-icons.css");

/* Remove padding from alert paragraph */
/* Need to do this "by hand" since we are not using the full BUX CSS */
.bux-buckeye-alert p {
  margin: 0;
}

/* Relevant styles copied from BUX css/bux-styles.css (v 1.4.0) */

.bux-buckeye-alert {
  background-color: #ba0c2f;
  padding: 16px 12px;
}
.bux-buckeye-alert h2 {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.bux-buckeye-alert a {
  font-family: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  color: #fff;
  border-bottom-color: #fff;
}
.bux-buckeye-alert a:focus {
  border-bottom: none;
  outline: 2px solid #3492b8;
  outline-offset: 2px;
}
.bux-buckeye-alert a:hover {
  color: #212325;
  border-bottom-color: #fff;
  background-color: #eff1f2;
}
.bux-buckeye-alert a:focus {
  color: #212325;
  background-color: #eff1f2;
  outline: 2px solid #74BAD8;
}
.bux-buckeye-alert p {
  color: #fff;
  font-family: "BuckeyeSans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.bux-buckeye-alert p:last-child {
  margin-bottom: 0;
}
.bux-buckeye-alert .bux-buckeye-alert-container {
  display: flex;
}
.bux-buckeye-alert .bux-buckeye-alert-container .bux-buckeye-alert-container__icon {
  line-height: 1;
  margin-right: 16px;
}
.bux-buckeye-alert .bux-buckeye-alert-container .bux-buckeye-alert-container__icon:after {
  content: "\f623";
  font-family: "bux-icons";
  font-size: 1.5rem;
  color: #fff;
}