How can I modify the border, position, and color of a checkbox on my cart page?

[Emmalouuise]

Hi,

I am trying to add a checkbox to my cart page, Where it asks customers if they'd like an optional Loyalty Card in their order.

I have managed to get the code to add the checkbox, however I was wanting to know if its possible to change the border of the box and also if it is possible to move the checkbox to the right hand side of the text. I dont know if it is possible to also make it when the person selects the box, the tickcan be a different colour?

Also I would like to make the text in bold if possible?

I have attached a screenshot of what I have currently.

[Emmalouuise]

@Emmanuel_Adekol Thank you for this, Unfortunately I need a bit more help on understanding where exactly to put all this, currently to add the checkbox we have the code in "main-cart.liquid"  is this where i would put the above code? as when i did it, it just showed up as the code on the website.