.proride-core-whatsapp {
    --pr-wa-green: #25D366;
    --pr-wa-green-hover: #1fbd5a;
    --pr-wa-bottom: 63px;
    --pr-wa-left: 5px;

    position: fixed;
    left: var(--pr-wa-left);
    bottom: var(--pr-wa-bottom);
    z-index: 99990;

    display: inline-flex;
    align-items: center;
    direction: ltr;
    height: 52px;
    min-width: 52px;
    max-width: min(280px, calc(100vw - 18px));

    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 999px;
    background: var(--pr-wa-green);
    box-shadow: 0 7px 22px rgba(0, 0, 0, .16);

    color: #fff !important;
    text-decoration: none !important;
    overflow: hidden;
    cursor: pointer;

    transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
    -webkit-tap-highlight-color: transparent;
}

.proride-core-whatsapp:hover,
.proride-core-whatsapp:focus-visible {
    background: var(--pr-wa-green-hover);
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 9px 26px rgba(0, 0, 0, .2);
}

.proride-core-whatsapp:focus-visible {
    outline: 3px solid rgba(37, 211, 102, .28);
    outline-offset: 3px;
}

.proride-core-whatsapp__icon {
    width: 52px;
    min-width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
}

.proride-core-whatsapp__icon svg {
    display: block;
    width: 30px;
    height: 30px;
    fill: #fff;
}

.proride-core-whatsapp__label {
    direction: rtl;
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    opacity: 0;
    padding: 0;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #fff;

    transition: max-width .22s ease, opacity .16s ease, padding .22s ease;
}

@media (hover: hover) and (pointer: fine) {
    .proride-core-whatsapp:hover .proride-core-whatsapp__label,
    .proride-core-whatsapp:focus-visible .proride-core-whatsapp__label {
        max-width: 190px;
        opacity: 1;
        padding: 0 17px 0 7px;
    }
}

@media (hover: none), (pointer: coarse) {
    .proride-core-whatsapp__label {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .proride-core-whatsapp,
    .proride-core-whatsapp__label {
        transition: none;
    }
}