.share-button {
     position: fixed;
     bottom: 110px;
     right: 30px;
     width: 60px;
     height: 60px;
     background-color: var(--primary-color);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-size: 24px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
     z-index: 999;
     cursor: pointer;
     transition: transform 0.3s, box-shadow 0.3s;
 }
 
 @media (max-width: 860px) {
     .share-button {
         width: 45px;
         height: 45px;
         bottom: 135px;
         right: 15px;
         font-size: 18px;
     }
 }
 
 .share-button:hover {
     transform: scale(1.1);
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
 }
 
 .share-options {
     position: fixed;
     bottom: 185px;
     right: 35px;
     display: none;
     flex-direction: column;
     gap: 15px;
     z-index: 998;
 }
 
 @media (max-width: 768px) {
     .share-options {
         bottom: 135px;
         right: 35px;
         gap: 12px;
     }
 }
 
 .share-options.show {
     display: flex;
 }
 
 .share-option {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-size: 20px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     transition: transform 0.3s;
 }
 
 @media (max-width: 768px) {
     .share-option {
         width: 40px;
         height: 40px;
         font-size: 16px;
     }
 }
 
 .share-option:hover {
     transform: scale(1.1);
 }
 
 .share-facebook {
     background-color: #1877F2;
 }
 
 .share-twitter {
     background-color: #1DA1F2;
 }
 
 .share-whatsapp {
     background-color: #25D366;
 }
 
 .share-telegram {
     background-color: #0088cc;
 }
 
 .whatsapp-float {
     position: fixed;
     bottom: 45px;
     right: 30px;
     width: 60px;
     height: 60px;
     background-color: #25d366;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
     z-index: 1000;
     transition: all 0.3s ease;
     text-decoration: none;
     animation: pulse 2s infinite;
 }
 
 .whatsapp-float:hover {
     background-color: #128c7e;
     transform: scale(1.1);
     text-decoration: none;
 }
 
 .whatsapp-float i {
     color: white;
     font-size: 28px;
 }
 
 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
     }
 
     70% {
         box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
     }
 
     100% {
         box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
     }
 }
 
 @media screen and (max-width: 860px) {
     .whatsapp-float {
         right: 10px;
         bottom: 70px;
         width: 50px;
         height: 50px;
     }
 
     .whatsapp-float i {
         font-size: 24px;
     }
 }