/* --- Basic Button --- */
.basicbutton a {
display: inline-block;
font-size: 12px;
font-size: 1em;
font-weight: 600;
letter-spacing: 0.5px;
margin-bottom: 10px;
padding: 1em;
background: #234131;
color: white;
text-decoration: none;
margin-top: 1em;
}

.basicbutton a:hover {
    color: white;
    background: #36654c;
}

/* --- Right Arrow ---- */

a.right-arrow{
	cursor: pointer;
font-family: 'Open Sans', sans serif;
text-decoration: none;


}

a.right-arrow:hover, a.right-arrow:focus {
		Color: #fff !important;
		text-decoration: none;
}

.right-arrow {
	display: inline-block;
	position: relative;
	background: #576e5c;
	padding: 13px;
	border-bottom: 0px;
transition: unset;
 padding-left: 15px;
 margin-top: 10px;
 color: white;
text-shadow: none;
font-size: 17px;
font-weight: 800;
letter-spacing: 2px;
text-decoration: none;
}

.right-arrow a {
	color: #fff !important;
	text-decoration: none !important;
	border-bottom: 0px;
}

.right-arrow::after {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
margin-top: -27px;
width: 0;
height: 0;
border-top: 27px solid transparent;
border-right: 29px solid transparent;
border-bottom: 27px solid transparent;
border-left: 15px solid #576e5c;
    }

    .right-arrow:hover, .right-arrow:focus {
    	background: #435647;
        }
    
    .right-arrow:hover::after {
      border-left: 15px solid #435647;
    }