.bottom-to-top {
  border-width: 3px;
  border-style: solid;
  -o-border-image: linear-gradient(to top, rgba(143, 163, 211, 0.2), transparent) 1 100%;
     border-image: linear-gradient(to top, rgba(143, 163, 211, 0.2), transparent) 1 100%;
}

.box {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  border: 5px solid #ffd58f;
  padding: 1em;
  color: #af5900;
}

.box__title {
  margin: 0;
}

.box:focus, .box:hover, .box.is-focus, .box--is-focus {
  border-color: #4a4a4a;
}

.box--highlight {
  border-color: #33497e;
}

/*# sourceMappingURL=box.css.map */