我试图添加一个浮动的WhatsApp按钮到我的网站通过使用凯文卡斯特罗的笔在这里：https://codepen.io/demoonkevin/pen/MvPEpV
下面是我使用的HTML：

<a href="https://api.whatsapp.com/send?phone=12345&text=&source=&data=" class="whatsApp" target="_blank"><i class="fa fa-whatsapp my-whatsApp"></i></a>

下面是CSS：

/* WhatsApp Button */

.whatsApp{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    left:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.my-whatsApp{
    margin-top:16px;
}

但是，存在两个问题：
1.它不工作在移动的上？该按钮没有显示在页面上的任何地方...
1.当我在我的页面上插入代码时，whatsapp的标志不是白色的（如果你看上面的笔，它有一个绿色的标志，图标中间有一个白色的whatsapp）。