.reference-box {
  background-color: #ffffff;
  border: 1px solid #E0DCDC;
  border-radius: 12px;
  padding: 24px 16px;
}
.reference-box ol {
  padding-left: 0 !important;
}
.reference-box ol.wp-block-footnotes li {
  counter-increment: custom;
  cursor: pointer;
  padding-left: 32px;
  position: relative;
  word-break: break-all;
  list-style: none;
}
.reference-box ol.wp-block-footnotes li::before {
  content: url(../images/icons/arrow-up.svg) counter(custom);
  font-weight: 500;
  position: absolute;
  left: 0;
}
.reference-box ol.wp-block-footnotes li a {
  text-wrap: wrap;
  word-break: break-all;
  display: inline;
  cursor: pointer;
  color: inherit;
}
.reference-box ol.wp-block-footnotes li:first-child {
  counter-reset: custom;
}
.reference-box ol.wp-block-footnotes li:not(:last-child) {
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .reference-box {
    padding: 40px;
  }
  .reference-box ol.wp-block-footnotes li span {
    max-width: 578px;
  }
}