/* #oc-wa-button {
  font-size: 2rem !important;
  margin: 10px 10px 30px !important;
} */

.btn-guia-do-estudante {
  padding: 20px;
  background-color: #fd0;
  color:black
}
.whatsapp-ico{
  fill: white;
  width: 33px;
    height: 33px;
  /* padding: 8px; */
  /* background-color: #4dc247; */
  /* border-radius: 50%; */
  /* box-shadow: 2px 2px 6px rgba(0,0,0,0.4); */
  /* box-shadow: 2px 2px 11px rgba(0,0,0,0.7); */
  /* position: fixed; */
  /* bottom: 20px; */
  /* right : 20px; */
  /* z-index: 10; */
}
.wa-label{
  display: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  margin-left: 10px;
  margin-right: 10px;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* Left-align floating accessibility button */
.vlibras {
  left: 0;
  right: auto;
}

.vlibras > button,
.vlibras > a {
  left: 0;
  right: auto;
}

.vlibras > button i,
.vlibras > a i {
  left: 0;
  right: auto;
}

.vlibras > button span,
.vlibras > a span {
  transform: rotate(90deg);
  transform-origin: left bottom;
  left: 0;
  right: auto;
}

.vlibras > div {
  left: 100%;
  right: auto;
  margin-left: 15px;
  margin-right: 0;
  transform-origin: bottom left;
  transform: scale(0.85) translateX(-15px);
}

#oc-wa-button {
  right: 0 !important;
  left: auto !important;
  bottom: 15% !important;
  margin: 0 13px 0 0 !important;
}

@media (max-width: 768px) {
  #oc-wa-button {
    right: 0 !important;
    left: auto !important;
    bottom: 15px !important;
    margin: 0 13px 0 0 !important;
  }

  .vlibras {
    bottom: 15px;
  }
}
