.wame-float{
    position:fixed;
    width:48px;
    height:48px;
    background:var(--wame-color);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    z-index:9999;
    transition:.25s ease;
}

.wame-float:hover{transform:scale(1.05)}

/* Keep icon color on hover (do not invert) */
.wame-float:hover .dashicons{ color: var(--wame-icon-color, #fff) !important }
.wame-shortcode:hover{ color: var(--wame-text-color, #fff) !important }
.wame-shortcode:hover .dashicons{ color: var(--wame-icon-color, #fff) !important }

.wame-pulse{
    animation:wamePulse 2s infinite;
}

@keyframes wamePulse{
    0%{box-shadow:0 0 0 0 var(--pulse, rgba(0,0,0,0.15))}
    70%{box-shadow:0 0 0 16px rgba(0,0,0,0)}
    100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}
}


.wame-shortcode{
    display:inline-flex;
    gap:8px;
    background:var(--wame-color);
    color:var(--wame-text-color, #fff);
    padding:10px 20px;
    border-radius:5px;
    font-weight:700;
    align-items:center;
    justify-content:center;
}

.wame-shortcode .dashicons{color:var(--wame-icon-color,#fff);font-size:140%;line-height:1;display:inline-flex;align-items:center;transform:translateY(1px)}
.wame-float .dashicons{color:var(--wame-icon-color,#fff);font-size:140%}

/* Shortcode alternate rounded style when admin selects 'arredondado' */
.wame-arredondado-sc{border-radius:8px}

/* Position helpers */
.bottom-right{bottom:var(--wame-padding,20px);right:var(--wame-padding,20px)}
.bottom-left{bottom:var(--wame-padding,20px);left:var(--wame-padding,20px)}
.top-right{top:var(--wame-padding,20px);right:var(--wame-padding,20px)}
.top-left{top:var(--wame-padding,20px);left:var(--wame-padding,20px)}

/* Alternate format */
.wame-arredondado{border-radius:8px}