.syomo-share {
  position: relative;
  display: inline-block;
}
.syomo-share-btn {
    background: #ffffff;
    border: 1px solid #ddd;
    cursor: pointer;
    height: 25px;
    width: 30px;
    padding: 2px;
}

.syomo-share-icons {
  position: absolute;
  right: 0;
  top: 45px;
  display: flex;
  gap: 8px;
  background: #fff;
  padding: 8px;
  border-radius: 30px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: 0.25s;
}
span.dashicons.dashicons-share {
    color: #7a7a7a;
}
.syomo-share.active .syomo-share-icons {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.syomo-share-icons a,
.syomo-share-icons button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}

/* Icons */
.fb { background-color:#1877f2; background-image:url('https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/facebook.svg'); }
.tw { background-color:#000; background-image:url('https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/x.svg'); }
.li { background-color:#0a66c2; background-image:url('https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/linkedin.svg'); }
.wa { background-color:#25d366; background-image:url('https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/whatsapp.svg'); }
.copy-link { background-color:#666; background-image:url('https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/link.svg'); }