.social-buttons {
            display: flex;
            justify-content: center; /* Center the buttons horizontally */
            margin-top: 15px; /* Add some space above the buttons */
        }

        .social-button {
            display: inline-flex;  /* Use inline-flex for better alignment */
            align-items: center;
            justify-content: center;
            width: 40px; /* Make buttons square */
            height: 40px;
            margin: 0 5px; /* Add horizontal margin between buttons */
            border-radius: 50%; /* Make buttons round */
            color: white; /* Default text color */
            text-decoration: none; /* Remove underline */
            font-size: 18px;    /* Increased icon size */
            transition: background-color 0.3s ease; /* Smooth transition */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Add shadow for depth */
        }

        .social-button span {
            margin-left: 0; /* remove default margin */
            display: none;  /* hide the text */
        }

        .facebook {
            background-color: #3b5998;
        }
        .facebook:hover {
            background-color: #2d4373;
        }

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

        .linkedin {
            background-color: #0077b5;
        }
        .linkedin:hover {
            background-color: #004e82;
        }

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

        .whatsapp:hover {
            background-color: #199438;
        }

        .social-button i {
            /* use this if you want to use font awesome */
        }