.sns-share ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px;
  }
  .sns-share a {
    display: inline-block;
  }
  .sns-share img {
    transition: transform 0.3s;
  }
  .sns-share img:hover {
    transform: scale(1.2);
  }

  /* 妗岄潰绔牱寮忥紝鍙充晶鏄剧ず */
  @media (min-width: 768px) {
    .sns-share {
      position: fixed;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1000;
    }
    .sns-share p {
      display: none;
    }
    .sns-share ul {
      flex-direction: column;
      align-items: center;
    }
  }

  /* 绉诲姩绔牱寮忥紝搴曢儴鏄剧ず */
  @media (max-width: 767px) {
    .sns-share {
      position: fixed;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1000;
    }
    .sns-share ul {
      justify-content: center;
    }
    .sns-share p {
      text-align: center;
      font-size: 16px;
      margin-bottom: 10px;
    }
  }