<style>
        /* Add CSS for the floating social media buttons */
        .social-media-buttons {
            position: fixed;
            bottom: 300px;
            right: -10px;
            z-index: 9999;
            display: flex;
            flex-direction: column;
        }

        .social-media-buttons a {
            display: inline-block;
            width: 50px; /* Adjust the width as needed */
            height: 50px; /* Set the height same as the width for square shape */
            line-height: 50px; /* Center the icon vertically */
            text-align: center;
            border-radius: 10px; /* Set border-radius for square shape */
            margin-bottom: 10px; /* Adjust the spacing between buttons */
            color: #fff;
            font-size: 24px;
            transition: background-color 0.3s ease;
        }

        .social-media-buttons a:hover {
            background-color: #333;
        }

        /* Customize each social media button */
        .facebook {
            background-color: #3b5998; /* Facebook blue */
        }

        .youtube {
            background-color: #ff0000; /* YouTube red */
        }

        .instagram {
            background-color: #e4405f; /* Instagram pink */
        }
		.google {
        background: #dd4b39;   color: white;
        }
    </style>
 