#hvSD{position:fixed;top:12px;left:50%;transform:translate(-50%,-150%);width:420px;max-width:calc(100vw - 24px);
  z-index:100000;background:#fff;border-radius:12px;overflow:hidden;border-top:5px solid #d32f2f;
  box-shadow:0 12px 36px rgba(0,0,0,.4);transition:transform .45s cubic-bezier(.2,.9,.3,1.2)}
#hvSD.ac{transform:translate(-50%,0)}
#hvSD .hvsd-ust{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 0}
#hvSD .hvsd-etiket{display:flex;align-items:center;gap:7px;color:#d32f2f;font:800 13px Arial,sans-serif;letter-spacing:.6px}
#hvSD .hvsd-nokta{width:10px;height:10px;border-radius:50%;background:#d32f2f;animation:hvsdNabiz 1s infinite}
#hvSD .hvsd-x{width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:#c0392b;color:#fff;
  font:700 18px/24px Arial,sans-serif;cursor:pointer;padding:0;box-shadow:0 1px 4px rgba(0,0,0,.3)}
#hvSD .hvsd-baslik{padding:8px 14px 10px;color:#111;font:700 17px/1.35 Arial,sans-serif}
#hvSD .hvsd-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 12px}
#hvSD .hvsd-link{background:#0b3d6b;color:#fff !important;text-decoration:none;font:700 13px Arial,sans-serif;
  padding:8px 14px;border-radius:20px;white-space:nowrap}
#hvSD .hvsd-say{color:#555;font:12px Arial,sans-serif;margin-left:auto}
#hvSD .hvsd-say b{display:inline-block;min-width:14px;text-align:center;color:#d32f2f;font-size:15px}
#hvSD .hvsd-cizgi{height:4px;background:#eee}
#hvSD .hvsd-cizgi i{display:block;height:100%;width:100%;background:#d32f2f;transition:width 1s linear}
@keyframes hvsdNabiz{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}