.littlefoot-footnote__button {
    font-size: .5em;
    min-height: 24px;
    background-color:#F3DFA2;
    border-radius: 0px
}
.littlefoot-footnote__host > button > svg > circle {
    fill:black;
}
.littlefoot-footnote__button__ellipsis {
     padding: .35em .3em;
}
.littlefoot-footnote__wrapper {
    max-width: 270px;
}

.littlefoot-footnote__button::after {
  content: "";
  display: block;
  position: absolute;
  height: 0.2em;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #000;
  transform: scaleX(0);
  visibility: hidden;
  transition: all 0.3 ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.littlefoot-footnote__button:hover::after, .littlefoot-footnote__button:focus::after {
  transform: scaleX(1);
  visibility: visible;
}

.littlefoot-footnote__button:hover, .littlefoot-footnote__button:focus {
  background-color: #F3DFA2;
}