/* hc button */
.wpk-button { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  position:fixed; width:53px; height:53px; overflow:hidden; background:#fff; color:#000; padding:20px; z-index:100000; box-shadow:0 0 5px rgba(0, 0, 0, 0.4); }
.wpk-button a img { position:absolute; top:6px; left:5px; }
.wpk-button a:hover img, 
.wpk-button a:focus img { border:none; top:-83px; outline:none;}
.wpk-button a:focus img { outline:2px solid #000;}

#hc .wpk-button { background:#222 !important; color:#fff !important; border:2px solid #fff !important; width:56px; height:56px;}
#hc .wpk-button a,
#hc .wpk-button a img { background:#222 !important; }

/* hc button position */
.top_center { top:0; left:49%; border-radius: 0 0 30px 30px;}
.top_left { top:0; left:0; border-radius: 0 30px 30px 0;}
.top_right { top:0; right:0; border-radius: 30px 0 0 30px;}
.middle_left { top:40%; left:0; border-radius: 0 30px 30px 0;}
.middle_right { top:40%; right:0; border-radius: 30px 0 0 30px;}