.wa-icon {
    width: 30px;
    height: 30px;
    fill: white;
}            
            
/* Variant 17: Double Ring */
.btn-17 {
    width: 60px;
    height: 60px;
    background: #25d366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
}
.btn-17::before,
.btn-17::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #25d366;
}
.btn-17::before {
    animation: double-ring-1 2s infinite;
}
.btn-17::after {
    animation: double-ring-2 2s infinite;
}
@keyframes double-ring-1 {
0% {
    transform: scale(1);
    opacity: 1;
}
100% {
    transform: scale(1.8);
    opacity: 0;
}
}
@keyframes double-ring-2 {
0% {
    transform: scale(1);
    opacity: 1;
}
50% {
    transform: scale(1);
    opacity: 1;
}
100% {
    transform: scale(1.8);
    opacity: 0;
}
}