.menu-bo {
  position: fixed;
  top: 80px;
  right: 0;
  z-index: 999;
}
.menu-bo ul {
  padding: 0;
  margin: 0 !important;
}
.menu-bo ul li {
  list-style: none;
}
.menu-bo ul li:focus,
.menu-bo ul li a:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.menu-bo ul li a {
  color: #fafbfc;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  text-decoration: none;
  transition: 0.3s;
}
.menu-bo ul li a.is-active,
.menu-bo ul li a:hover {
  color: #c64d61;
}

#block-claro-menubo-menu{
    position: relative !important;
    overflow: inherit;
    clip: inherit;
    width: 55px;
    height: 50px;
    word-wrap: normal;
    font-size: 0;
    background: #ba2b42;
    background-image: url(../images/menu-bo.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    border-radius: 4px 0 0 4px;
}

.menu-bo .menu {
  background-color: #003c5e;
  position: absolute;
  padding: 24px;
  right: 0;
  top: 70px;
  border-radius: 4px 0 4px 4px;
  width: 0; 
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.menu-bo .menu-visible {
    width: 145px;
    visibility: visible;
    opacity: 1;
}

.links-bo .button--primary{
  background-color: #ba2b42;
}
.links-bo .button--primary:is(:hover, :active) {
  background-color: #c64d60;
}

.stat-btn::before{
  content: "" !important;
  background-image: url(../images/stat.png);
  width: 16px;
  display: inline-block;
  height: 14px;
  background-size: 100%;
  border: none;
  background-repeat: no-repeat;
}