:root{ --wwp-color:#25D366; }
.wwp-inline-btn,
.wwp-floating .wwp-btn{
display:inline-flex;align-items:center;gap:.5em;
background:var(--wwp-color); color:#fff;
border:none;border-radius:999px;padding:.6em 1rem;
font-weight:600; text-decoration:none; cursor:pointer;
box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.wwp-inline-btn:hover{ filter:brightness(.95); text-decoration:none; color:#fff; }
.wwp-icon{
width:1.1em;height:1.1em;display:inline-block;
background: currentColor;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
.wwp-floating{
position:fixed;bottom:20px;z-index:99999;
}
.wwp-floating.wwp-right{ right:20px; }
.wwp-floating.wwp-left{ left:20px; }
/* Base floating button + sizes */
.wwp-floating .wwp-btn{
border-radius:50%;
padding:0;
display:grid;
place-items:center;
transition:transform .15s ease, box-shadow .2s ease;
box-shadow:0 0 0 3px #fff, 0 14px 36px rgba(0,0,0,.2);
}
.wwp-floating .wwp-btn:hover{ transform:scale(1.06); }
/* Default to Large if no class present */
.wwp-floating .wwp-btn{ width:72px; height:72px; font-size:24px; }
/* Explicit sizes */
.wwp-size-sm .wwp-btn{ width:56px; height:56px; font-size:20px; }
.wwp-size-md .wwp-btn{ width:64px; height:64px; font-size:22px; }
.wwp-size-lg .wwp-btn{ width:72px; height:72px; font-size:24px; }
.wwp-floating .wwp-consent{
position:fixed; bottom:100px; padding:10px 12px; background:#fff; border:1px solid #ddd; border-radius:8px;
max-width:320px; box-shadow:0 12px 34px rgba(0,0,0,.14);
}
.wwp-floating .wwp-consent .wwp-consent-close{ position:absolute; top:6px; right:6px; }
.wwp-woo .wwp-inline-btn{ margin-top:.5rem; }