#share-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin: 20px 0;
        }

        .share-btn,
        #copy-link,
        #native-share {
            flex: 1 1 45%;
            padding: 12px;
            font-size: 16px;
            border: none;
            border-radius: 8px;
            color: #fff;
            cursor: pointer;
            font-weight: bold;
            text-align: center;
            transition: transform 0.1s ease, opacity 0.2s ease;
        }

        .share-btn:hover,
        #copy-link:hover,
        #native-share:hover {
            opacity: 0.9;
            transform: translateY(-2px);
        }

        .share-btn:active,
        #copy-link:active,
        #native-share:active {
            transform: translateY(0);
            opacity: 1;
        }

        .twitter {
            background-color: #1da1f2;
        }

        .facebook {
            background-color: #1877f2;
        }

        .whatsapp {
            background-color: #25d366;
        }

        .reddit {
            background-color: #ff4500;
        }

        #copy-link {
            background-color: #555;
        }

        #native-share {
            background-color: #4caf50;
            width: 186px;
        }