.service-slide {
    opacity: 0;
    position: absolute;
    inset: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.service-slide.active {
    opacity: 1;
    position: relative;
    pointer-events: auto;
}

/* base option */
.chat-option {
    color: #2c2c2c;
}

/* arrows default */
.arrow {
    color: #d1d5db;
}

.chat-option:hover .arrow {
    color: #2c2c2c;
}

/* WeChat specific */
.wechat {
    color: #4ac14b;
    /* first load */
}

.wechat:not(:hover) {
    color: #2c2c2c;
}

.wechat:hover {
    color: #4ac14b;
}

/* WhatsApp hover */
.whatsapp:hover {
    color: #25d366;
}