/* CSS-file with custom styles - don't delete this comment */
/*Botão WhatsApp*/  
    .fab{
        position: fixed;
        bottom:10px;
        right:10px;
        z-index: 999999;
      }
      
      .fab button{
        cursor: pointer;
        width: 48px;
        height: 48px;
        border-radius: 30px;
        background-color: #cb60b3;
        border: none;
        box-shadow: 0 1px 5px rgba(0,0,0,.4);
        font-size: 24px;
        color: white;
          
        -webkit-transition: .2s ease-out;
        -moz-transition: .2s ease-out;
        transition: .2s ease-out;
      }
      
      .fab button:focus{
        outline: none;
      }
      
      .fab button.main{
        position: absolute;
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background-color: #2bb240;
        background-image:url(../images/wpp.png);
        right: 15px;
        bottom: 100px;
        z-index: 999999;
      }
      
      .fab button.main:active,
      .fab button.main:focus{
        outline: none;
        background-color: #2bb240;
        box-shadow: 0 3px 8px rgba(0,0,0,.5);
       }
      
      .fab button.main:active + ul,
      .fab button.main:focus + ul{
        bottom: 70px;
      }
      
      .fab button.main:active + ul li,
      .fab button.main:focus + ul li{
        margin-bottom: 10px;
        opacity: 1;
      }
      
      .fab button.main:active + ul li:hover label,
      .fab button.main:focus + ul li:hover label{
        opacity: 1;
      }  
    /*Fim Botão WhatsApp-*/