Nút liên hệ cho website WordPress đơn giản và nhẹ

// HB CONTACT - NUT LIEN HE
function hb_contact_render_buttons() {
?>
<style>
.hb-contact-float { position: fixed; left: 12px; bottom: 16px; z-index: 9999; display: flex; flex-direction: column; gap: 8px; }
.hb-contact-btn { display: block; width: fit-content; padding: 5px 12px; border-radius: 20px; color: #fff !important; text-decoration: none !important; font-size: 16px; font-weight: 600; box-shadow: 0 2px 6px rgba(0,0,0,.2); transition: transform .15s ease; white-space: nowrap; }
.hb-contact-btn:hover { transform: scale(1.05); }
.hb-contact-zalo { background: #0181ff; }
.hb-contact-phone { background: #864530; }
.hb-contact-fb { background: #304099; }
</style>
<div class="hb-contact-float">
<a href="https://zalo.me/0987654321" class="hb-contact-btn hb-contact-zalo" target="_blank" rel="nofollow noopener">Zalo</a>
<a href="https://m.me/hocban.vi" class="hb-contact-btn hb-contact-fb" target="_blank" rel="nofollow noopener">Facebook</a>
<a href="tel:0987654321" class="hb-contact-btn hb-contact-phone">0987654321</a>
</div>
<?php
}
add_action( 'wp_footer', 'hb_contact_render_buttons' );

// HB CONTACT - NUT LIEN HE