<!-- BEGIN COPY / PASTE -->
        <style>
            .tooltip-inner {
                background-color: #333; /* Change background color */
                color: #fff; /* Change text color */
            }
            .tooltip-arrow::before {
                border-top-color: #333; /* Change arrow color */
            }
        </style>

        <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip text">
            Hover me
        </button>

        <script>
            var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
            var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
                return new bootstrap.Tooltip(tooltipTriggerEl)
            })
        </script>
        <!-- END COPY / PASTE -->