/* Front-end styles */
.wpcb-button{
  background:#e31b23; color:#fff; font-weight:700; letter-spacing:.3px;
  border:none; padding:14px 22px; cursor:pointer;
  box-shadow:0 10px 24px rgba(227,27,35,.35);
  transition:transform .08s ease, background .2s ease, box-shadow .2s ease;
}
.wpcb-button:hover{ background:#c01920; box-shadow:0 12px 28px rgba(227,27,35,.48); }
.wpcb-button:active{ transform: translateY(1px); }
.wpcb-size-s{ font-size:14px; }
.wpcb-size-m{ font-size:16px; }
.wpcb-size-l{ font-size:18px; padding:16px 26px; }

/* fixed placements */
.wpcb-fixed{ position:fixed; z-index:9999; }
.fixed-br{ right:20px; bottom:20px; }
.fixed-bl{ left:20px; bottom:20px; }
.fixed-bc{ left:50%; transform:translateX(-50%); bottom:20px; }

/* Overlay + Modal with animation */
.wpcb-overlay{ position:fixed; inset:0; background:rgba(7,10,18,.55); display:flex; align-items:center; justify-content:center; z-index:99999; }
.wpcb-modal{
  position:relative; background:#fff; border-radius:18px; padding:22px;
  width:min(92vw,560px); box-shadow:0 24px 80px rgba(0,0,0,.28);
  transform:scale(.96); opacity:0; transition:transform .16s ease, opacity .16s ease;
}
.wpcb-overlay.open .wpcb-modal{ transform:scale(1); opacity:1; }
.wpcb-modal h3{ margin:0 0 6px; font-size:20px; }
.wpcb-sub{ margin:.25rem 0 1rem; color:#4b5563; }

.wpcb-actions{ display:flex; gap:20px; justify-content:center; }
.wpcb-actions .wpcb-view,
.wpcb-actions .wpcb-download{
  background:#e31b23; color:#fff; border:none; text-decoration:none;
  padding:12px 18px; border-radius:12px; font-weight:800; min-width:160px; text-align:center;
  box-shadow:0 8px 20px rgba(227,27,35,.3); transition:transform .08s ease, background .2s ease;
}
.wpcb-actions .wpcb-view:hover,
.wpcb-actions .wpcb-download:hover{ background:#c01920; }

.wpcb-close{
  position:absolute; right:10px; top:6px; background:none; border:none;
  font-size:28px; line-height:1; cursor:pointer; color:#9ca3af;
}
.wpcb-close:hover{ color:#6b7280; }