#dawa-whatsapp-button {
    all: initial;
    position: fixed;
    z-index: 1000;
    display: none;
    place-items: center;
    box-sizing: border-box;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #12813b;
    box-shadow: 0 4px 14px rgb(0 0 0 / 24%);
    cursor: pointer;
}
@media (max-width: 767px) {
    #dawa-whatsapp-button { display: grid; }
}
#dawa-whatsapp-button[data-position$="-right"] { right: calc(16px + env(safe-area-inset-right, 0px)); }
#dawa-whatsapp-button[data-position$="-left"] { left: calc(16px + env(safe-area-inset-left, 0px)); }
#dawa-whatsapp-button[data-position^="bottom-"] { bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
#dawa-whatsapp-button[data-position^="top-"] { top: calc(16px + env(safe-area-inset-top, 0px)); }
body.admin-bar #dawa-whatsapp-button[data-position^="top-"] {
    top: calc(16px + env(safe-area-inset-top, 0px) + var(--wp-admin--admin-bar--height, 32px));
}
#dawa-whatsapp-button svg { display: block; width: 30px; height: 30px; pointer-events: none; }
#dawa-whatsapp-button:focus-visible { outline: 3px solid #06285b; outline-offset: 4px; }
@media (hover: hover) {
    #dawa-whatsapp-button:hover { background: #0d672e; }
}