.ezsd{
  position: fixed;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  z-index: 9999;
  background: rgba(180,180,180,.35);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 18px;
  padding: 14px 10px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

.ezsd.left{ right: auto; left: 18px; }
.ezsd.right{ left: auto; right: 18px; }

/* Default dot */
.ezsd a{
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  opacity: .95;
  position: relative;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.ezsd a:hover{ transform: scale(1.15); opacity: 1; }

.ezsd a.is-active{
  background: #d11b2f;
  box-shadow: 0 0 0 4px rgba(209,27,47,.18);
}

/* Download icon */
.ezsd a.is-download{
  width: 18px;
  height: 18px;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

.ezsd a.is-download svg{
  width: 30px;
  height: 30px;
  margin-left: -8px;
  margin-right: -8px;
  display: block;
  fill: #fff;
  opacity: .95;
  transition: transform .15s ease, opacity .15s ease, fill .15s ease;
}

.ezsd a.is-download:hover svg{
  transform: scale(1.12);
  opacity: 1;
}

.ezsd a.is-download.is-active svg{
  fill: #d11b2f;
}

/* Optional: hide on small screens */
@media (max-width: 767px){
  .ezsd{ display:none !important; }
}