Is a readmore button possible

Hello,

Just wondering if it would be possible to have a read more button instead of the Continue Reading... link. Please see image.

The site is http://techlick.com/

Is it possible and is it easy

I figured out that it could look like this but where would I put the code and could I have less of it?

<style type="text/css">

.readmore {

	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;

	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;

	box-shadow:inset 0px 1px 0px 0px #cae3fc;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );

	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');

	background-color:#79bbff;

	-webkit-border-top-left-radius:20px;

	-moz-border-radius-topleft:20px;

	border-top-left-radius:20px;

	-webkit-border-top-right-radius:20px;

	-moz-border-radius-topright:20px;

	border-top-right-radius:20px;

	-webkit-border-bottom-right-radius:20px;

	-moz-border-radius-bottomright:20px;

	border-bottom-right-radius:20px;

	-webkit-border-bottom-left-radius:20px;

	-moz-border-radius-bottomleft:20px;

	border-bottom-left-radius:20px;

	text-indent:0;

	border:1px solid #469df5;

	display:inline-block;

	color:#ffffff;

	font-family:Arial;

	font-size:15px;

	font-weight:bold;

	font-style:normal;

	height:55px;

	line-height:55px;

	width:155px;

	text-decoration:none;

	text-align:center;

	text-shadow:1px 1px 0px #287ace;

}

.readmore:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );

	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');

	background-color:#4197ee;

}.readmore:active {

	position:relative;

	top:1px;

}</style>

Regards,
Rob