Normal CSS ------------------------ Tailwind CSS
margin-top: 10px; ------------------ mt-2.5
margin-bottom: 20px; -------------- mb-5
margin-left: 15px; ---------------- ml-3.5
margin-right: 25px; --------------- mr-6
padding-top: 8px; ----------------- pt-2
padding-bottom: 12px; ------------- pb-3
padding-left: 16px; --------------- pl-4
padding-right: 24px; -------------- pr-6
width: 100%; ---------------------- w-full
height: 50px; --------------------- h-12
display: flex; -------------------- flex
justify-content: center; ---------- justify-center
align-items: center; ------------- items-center
text-align: center; -------------- text-center
font-size: 16px; ----------------- text-base
font-weight: bold; --------------- font-bold
color: red; ---------------------- text-red-500
background-color: blue; ---------- bg-blue-500
border: 1px solid black; --------- border border-black
border-radius: 8px; -------------- rounded-lg
box-shadow: 4px 4px 10px rgba(0,0,0,0.2); – shadow-lg
