A way to use Recent Posts Widget Extended in your website project using SCSS to modify the look.

Recent Posts Widget Extended SCSS

.rpwe-block {
	ul {
		list-style: none !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}

	li {
		border-bottom: 1px solid #eee;
		margin-bottom: 10px;
		padding-bottom: 10px;
		list-style-type: none;
	}

	a {
		display: inline !important;
		text-decoration: none;
	}

	h3{
		background: none !important;
		clear: none;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		font-weight: 400;
		font-size: 12px !important;
		line-height: 1.5em;
	}


}

.rpwe-thumb{
	border:1px solid #EEE!important;
	box-shadow:none!important;
	margin:2px 10px 2px 0;
	padding:3px!important;
}

.rpwe-summary{
	font-size:12px;
}

.rpwe-time{
	color:#bbb;
	font-size:11px;
}

.rpwe-alignleft{
	display:inline;
	float:left;
}

.rpwe-alignright{
	display:inline;
	float:right;
}

.rpwe-alignnone{
	display:block;
	float:none;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after{
	content:"";
	display:table !important;
}

.rpwe-clearfix:after{
	clear:both;
}

.rpwe-clearfix{
	zoom:1;
}