.anchor-nav-popout {
  position: fixed;
  top: 140px;
  left: -100px;
  width: 271px;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: transparent;
  z-index: 10000;
  visibility: hidden;
  transition: 0.25s ease-in-out;
}
@media (min-width: 576px) {
  .anchor-nav-popout {
    top: 25%;
  }
}
.anchor-nav-popout.active {
  background-color: #fff;
}
.anchor-nav-popout.show {
  left: 24px;
}
.anchor-nav-popout.visible {
  visibility: visible;
}
.anchor-nav-popout__button {
  width: 58px;
  height: 58px;
  background-color: #B31B1B;
  color: #fff;
  border: none;
  border-radius: 30px;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.25);
  position: relative;
  font-family: "Work Sans";
  font-weight: 700;
  font-size: 25px;
  display: flex;
  align-items: center;
  padding: 0;
  transition: 0.25s ease-in-out;
}
.is-tabbing .anchor-nav-popout__button:focus {
  width: 163px;
}
.is-tabbing .anchor-nav-popout__button:focus span {
  opacity: 1;
}
@media (hover: hover) {
  .anchor-nav-popout__button:hover {
    width: 163px;
  }
  .anchor-nav-popout__button:hover span {
    opacity: 1;
  }
}
.anchor-nav-popout__button:before {
  content: "";
  -webkit-mask-image: url("../../../images/plus.svg");
          mask-image: url("../../../images/plus.svg");
  -webkit-mask-size: 25px;
          mask-size: 25px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 58px;
  height: 58px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  rotate: 0deg;
  transition: 0.25s ease-in-out;
}
.anchor-nav-popout__button span {
  opacity: 0;
  padding: 0 26px;
  transition: 0.25s ease-in-out;
}
.anchor-nav-popout__button.active {
  background-color: #fff;
  box-shadow: none;
  color: #B31B1B;
  width: 163px;
}
.anchor-nav-popout__button.active:before {
  rotate: 45deg;
  background-color: #B31B1B;
}
.anchor-nav-popout__button.active span {
  opacity: 1;
}
.anchor-nav-popout__items {
  display: none;
  list-style: none;
  padding: 0 26px;
  margin: 0;
  position: relative;
}
.anchor-nav-popout__items:before {
  content: "";
  width: 80px;
  height: 2px;
  background-color: #B31B1B;
  position: relative;
  display: block;
  margin-bottom: 18px;
}
.anchor-nav-popout__items:after {
  content: "";
  width: 100%;
  height: 1px;
  flex-shrink: 0;
  background-color: #7D868C;
  position: relative;
  display: block;
}
.anchor-nav-popout__items li {
  margin-bottom: 15px;
}
.anchor-nav-popout__items li a {
  color: #B31B1B;
  font-family: "Work Sans";
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
}
/*# sourceMappingURL=anchor-nav-popout.css.map */