.loanpatrika-float-social-wrapper a { display: inline-block; width: 40px; /* Adjust the size as needed */ height: 40px; /* Adjust the size as needed */ border-radius: 50%; /* This makes the buttons round */ background-color: #3b5998; /* Default color for Facebook button */ text-align: center; line-height: 40px; /* Centers the icon inside the button */ transition: background-color 0.3s ease; /* Smooth hover transition */ } .loanpatrika-float-social-wrapper a:hover { background-color: #2d4373; /* Darker shade on hover */ } /* Optional: Customize the icon color (if needed) */ .loanpatrika-float-social-wrapper a svg { fill: white; /* Change to match your desired icon color */ } /* Example for Facebook button */ .loanpatrika-social-facebook { background-color: #3b5998; } .loanpatrika-social-facebook:hover { background-color: #2d4373; } /* Example for Twitter button */ .loanpatrika-social-twitter { background-color: #1DA1F2; } .loanpatrika-social-twitter:hover { background-color: #0c84b5; } /* Example for Pinterest button */ .loanpatrika-social-pinterest { background-color: #E60023; } .loanpatrika-social-pinterest:hover { background-color: #C7001C; } /* Example for LinkedIn button */ .loanpatrika-social-linkedin { background-color: #0077b5; } .loanpatrika-social-linkedin:hover { background-color: #005c8b; } /* Example for WhatsApp button */ .loanpatrika-social-whatsapp { background-color: #25D366; } .loanpatrika-social-whatsapp:hover { background-color: #128C7E; } /* Example for Telegram button */ .loanpatrika-social-telegram { background-color: #0088cc; } .loanpatrika-social-telegram:hover { background-color: #006d9c; }
Skip to content