JSFiddle - React, Tailwind, and code Playground

HTML

<p class="chrisdavenport-middle24-text">READ MORE</p>

CSS

.chrisdavenport-middle24-text{
   position: absolute;
    top: 290px;
    /* font-style: italic; */
    font-family: "Adelle PE";
    padding-right: 200px;
    /* font-size: 16px; */
    padding-left: 200px;
    border-style: solid;
    padding-top: 10px;
    padding-bottom: 10px;
   color: orange;
    line-height: 1.379;
    font-size: 16px;
    font-family: "Adelle PE";
   color: red;
    right: 35px;
    letter-spacing: 0.300em;
}


.chrisdavenport-middle24-text:hover {

	font-weight: bold;
	font-style: italic;
	
}