.btn-wsp{
  position:fixed;
  width:60px;
  height:60px;
  line-height: 54px;
  bottom:100px;
  right:25px;
  background:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:35px;
  box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
  z-index:100;
  transition: all 400ms ease;
}

.icono {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.btn-wsp:hover {
background-color: #fff;
color: #25d366;
}

.icono:hover {
color: #20ba5a;
}

@media only screen and (min-width:320px) and (max-width:768px){
  .btn-wsp{
      width:63px;
      height:63px;
      line-height: 54px;
}

}

.form-alert {
          display: flex;
          gap: .5rem;
          align-items: flex-start;
          padding: .75rem 1rem;
          border-radius: .5rem;
          font-size: 14px;
          line-height: 1.35;
          margin-bottom: 12px;
          border: 1px solid;
        }
        .form-alert_success {
          background: #e9fbe9;
          border-color: #b8e6b8;
          color: #215e21;
        }
        .form-alert_error {
          background: #ffe9e9;
          border-color: #f3b5b5;
          color: #7a1f1f;
        }
        .form-alert_icon {
          font-weight: 700;
          font-size: 18px;
          line-height: 1;
          margin-top: 2px;
        }