Whatsapp İcon +++

<style>
    .pinkBg {
        background-color: #068404 !important;
        background-image: linear-gradient(90deg, #068404, #0ba909);
    }

    .intro-banner-vdo-play-btn {
        height: 60px;
        width: 60px;
        position: absolute;
        top: 80%;
        text-align: center;
        margin: -14px 0 0 -59px;
        border-radius: 100px;
        z-index: 99;
        position: fixed;
        color: white;
    }

        .intro-banner-vdo-play-btn i {
            line-height: 59px;
            font-size: 33px;
        }

        .intro-banner-vdo-play-btn .ripple {
            position: absolute;
            width: 160px;
            height: 160px;
            z-index: -1;
            left: 50%;
            top: 50%;
            opacity: 0;
            margin: -80px 0 0 -80px;
            border-radius: 100px;
            -webkit-animation: ripple 1.8s infinite;
            animation: ripple 1.8s infinite;
        }

    @@-webkit-keyframes ripple {
        0% {
            opacity: 1;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    @@keyframes ripple {
        0% {
            opacity: 1;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    .intro-banner-vdo-play-btn .ripple:nth-child(2) {
        animation-delay: .3s;
        -webkit-animation-delay: .3s;
    }

    .intro-banner-vdo-play-btn .ripple:nth-child(3) {
        animation-delay: .6s;
        -webkit-animation-delay: .6s;
    }
</style>

<div class="container @if(anasayfa) { <text>d-none d-sm-block</text> }">
    <div class="row">
        <div class="container">
            <div class="row">
                <a href="https://api.whatsapp.com/send?phone=@Partial.Translate("LinkWhatsapp", lang)&text=@Partial.Translate("WhatsappMesaj", lang)" class="intro-banner-vdo-play-btn pinkBg" target="_blank" title="@Partial.Translate("LinkWhatsapp", lang)">
                    <i class="fab fa-whatsapp"></i>
                    <span class="ripple pinkBg"></span>
                    <span class="ripple pinkBg"></span>
                    <span class="ripple pinkBg"></span>
                </a>
            </div>
        </div>
    </div>
</div>