.ic-wa { z-index: 99999; align-items: center; position: fixed; bottom: 13px; right: 23px; pointer-events: none; display: none; }

.ic-wa.show { pointer-events: auto; display: flex; }

.ic-wa img { z-index: 2; position: relative; display: block; height: auto; width: 50px; min-width: 73px; }

.ic-wa span { z-index: 1; position: relative; width: 100%; height: 30px; background-color: #25d366; font-size: 12px; line-height: 14px; margin-left: -10px; border-radius: 0 20px 20px 0; color: #FFF; transition: all .3s ease; opacity: 0; font-size: 0; padding: 8px 0; max-width: 0; }

.ic-wa:hover { color: #FFF; text-decoration: none !important; }

.ic-wa:hover span { font-size: 12px; padding: 8px 12px; opacity: 1; max-width: 110px; text-decoration: none !important; }

@media (max-width: 767px) { .ic-wa--alt { right: 23px; bottom: 13px; }
    .ic-wa:hover span { display: none; opacity: 0; } }

@media (max-width: 767px) { .ic-wa--alt { right: 23px; bottom: 13px; }
    .ic-wa:hover span { display: none; opacity: 0; } }

#ic-wa { will-change: transform; }