add outline, almost like a button to "read more" text on blog

Hello, is there a way to add an outline2 (so the text looks more like a button on the read more text on the blog page. Here is the specific page I'm working with: https://www.michaelaraehagel.com/writing

Also, is there a way to have the button change color on hover? 

is there a way to have the boder and the background color pink, then on hover change the border and backgrond color to orange"?

Sure. Here's the updated code:

.tweak-blog-basic-grid-text-alignment-center .blog-basic-grid .blog-basic-grid--container .blog-more-link {
	border: 1px solid #ffacec;
	background-color: #ffacec;
	color: #155ac1 !important;
	padding-top: 0.4rem !important;
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
	margin-top: 10px !important;
}
.tweak-blog-basic-grid-text-alignment-center .blog-basic-grid .blog-basic-grid--container .blog-more-link:hover {
	border: 1px solid #FF954D;
	background-color: #FF954D;
	color: #155ac1 !important;
}