Looking to perfectly center this modal in the middle of the screen with some margin all around. However, struggling to apply margin specifically to the top and bottom!
export function Modal() {
return (
<div className="fixed inset-0 z-[60] bg-opacity-25 backdrop-blur-sm flex justify-center items-center">
<div className="absolute inset-0 flex justify-center items-center">
<div className="bg-background border rounded-lg w-full h-full m-8">
<h1>Hello</h1>
</div>
</div>
</div>
);
}