Dynamic link to display similar to native looker button

Hi,
I am trying to get a dynamic link to display like the native looker button. I designed the html in the dimension for the link and made a button with similar background color and font, but when I try to display(single value chart) it in dashboard, I see extra white spaces around the button(tile) or it is trimming the text when made small, how do I proceed further?

Here is the sample of the lookml code I used for the dynamic button

dimension: view_order_details {
label: “Order Details”
type: string
html: "

Order Details
" ;;
}

I wonder if Looker Components might better fit your use case, since those are designed to be reused as seamless Looker UI elements?