Change the read more link of the Divi blog and project modules into a button.

Right align

.hws-blog-grid a.more-link{
float: right !important;
}Code language: CSS (css)

Style as the default customizer button

Add the following code to the theme options » integrations » body, also enable the body toggle. This script adds the et_pb_button to any element that already has the more-link class.

<script>
$(document).ready(function() { 
    $('.more-link').addClass('et_pb_button'); 
});
</script>Code language: HTML, XML (xml)

Style as a button with CSS

Add the following css to the theme options and change colors, border, padding etc as needed.

/* -- START blog read more as a button -- */
.more-link {
    background-color: #ed6c06;
    display: inline-block !important;
    border: 1px solid #ed6c06;
    padding: 5px 15px;
    margin-top: 15px;
	border-radius: 3px;
	box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 40%);
}
.more-link:hover {
    border: 1px solid #ffffff;
}
/* -- END blog read more as a button -- */Code language: CSS (css)