Customizing individual post pages and blog css styling issues

Good day

I am struggling to get a very specific layout setup on my blog page. I would like to display 3 of the latest blog posts, 2 of them should be side by side and then one should be below that displayed in full with.

I still require “previous” and “next” navigation buttons below to scroll through the blog posts accordingly.

The second issue is the styling of the READ MORE links. The css i used is below:

.html_elegant-blog .more-link {
   background-color: #fab52c;
   border: none;	
   color: #000000;
   font-family: gotham;
   font-weight: bold;
   float: left;
   width: 150px;	
}

.html_elegant-blog .more-link:hover {
   color: #ffffff;
	}

It works when I add it to the custom css but as soon as I refresh the page, the styling disappears.

Thirdly, Is it possible to create a template for individual post pages. I would like to have the same Header in every post.

Regards
Ridhaa