.whatsapp-button {
    display: block;
    font-size: 1.4rem;
    text-decoration: none;
    padding: 3px 8px;
    font-family: SF Pro Display, Roboto, sans-serif;
    height: 30px;
    overflow: hidden;
    line-height: normal;
    position: relative;
    --bg-color: #f2f2f2;
    --bg-color-hover: #e6e6e7;
    --bg-color-active: #ddddde;
    --text-color: #333336;
    --text-color-hover: #333336;
}

.whatsapp-button__content {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    padding: inherit;
    text-align: center;
    width: 100%;
}

.whatsapp-button, .whatsapp-button:focus {
    background: var(--bg-color, #f2f2f2);
    color: var(--text-color, #333336);
    outline-offset: unset;
}

.whatsapp-button:active {
    background: var(--bg-color-active, #ddddde);
}

.whatsapp-button__icon {
    vertical-align: middle;
}

.whatsapp-button__icon:not(#\9) {
    display: inline-block;
}

.whatsapp-button__text {
    vertical-align: middle;
    font-weight: 500;
}

/*.whatsapp-button__tooltip {*/
/*    z-index: 10;*/
/*    padding: 8px 15px;*/
/*    font-family: SF Pro Display, Roboto, sans-serif;*/
/*    line-height: normal;*/
/*    font-size: 12px;*/
/*    border: 1px solid #e6e6e6;*/
/*    background: white;*/
/*    border-radius: 5px;*/
/*    box-shadow: 0 0 1px 0 rgba(30, 32, 36, 0.03), 0 1px 1px 0 rgba(30, 32, 36, 0.0283), 0 1px 3px 0 rgba(30, 32, 36, 0.035), 0 2px 5px 0 rgba(30, 32, 36, 0.0417), 0 4px 9px 0 rgba(30, 32, 36, 0.05), 0 9px 22px 0 rgba(30, 32, 36, 0.06);*/
/*}*/

/*.whatsapp-button__tooltip-text {*/
/*    color: #86868b;*/
/*}*/

@media (hover: hover) and (pointer: fine) {
    .whatsapp-button:hover {
        background: var(--bg-color-hover, #e6e6e7);
        color: var(--text-color-hover, #333336);
    }

    .whatsapp-button:active {
        background: var(--bg-color-active, #ddddde);
    }
}

@media (hover: none) {
    .whatsapp-button:hover {
        color: var(--text-color-hover, #333336);
    }

    .whatsapp-button:active {
        background: var(--bg-color-active, #ddddde);
    }
}