:root {
--mxs32-white: #FFFFFF;
--mxs32-black: #1F1F1F;
--mxs32-light: #eee;
--mxs32-globalc: #EA5501;

}

.mxs32 .mos-img img {display: none !important;}
.mxs32-out {
position: relative;
}

.mxs32 {
display: flex;
flex-direction: column;
position: relative;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); }
.mxs32.style-1 {
padding: 10px;
position: relative; }
.mxs32.style-1 .mx-post-back-part {
position: absolute;
top: 0;
left: 0;
background-color: #fff;
height: 100%;
width: 100%;
z-index: 9;
visibility: hidden;
opacity: 0;
transition: all 0.5s ease-out; }
.mxs32:hover .image img {
transform: scale(1.05);
transition: all 0.5s ease-out; }
.mxs32:hover .mx-post-back-part {
visibility: visible;
opacity: 1;
transition: all 0.5s ease-out; }
.mxs32 .image {
overflow: hidden;
position: relative;
height: 230px; }
.mxs32 .image img {
transition: all 0.5s ease-out;
transform: scale(1);
width: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
height: 100%; }
.mxs32 .image .mx-post-date {
position: absolute;
right: 25px;
top: 23px;
background-color: var(--mxs32-globalc);
padding: 13px 18px;
display: flex;
flex-direction: column;
align-items: center;
gap: 5px; }
.mxs32 .image .mx-post-date span {
color: #ffffff;
font-size: 20px;
font-weight: 500;
line-height: initial;
letter-spacing: 0.5px; }
.mxs32 .content {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
position: relative;
z-index: 3;
padding: 30px; }
.mxs32 .content .mx-post-meta-info {
display: inline-flex;
gap: 20px;
align-items: center;
margin-bottom: 12px;
justify-content: space-between; }
.mxs32 .content .mx-post-meta-info .mx-single-meta {
display: flex;
align-items: center;
gap: 8px; }
.mxs32 .content .mx-post-meta-info .mx-single-meta span,
.mxs32 .content .mx-post-meta-info .mx-single-meta a {
color: #67687A;
font-size: 16px;
line-height: initial;
font-weight: 400;
margin: 0;
text-transform: capitalize; }
.mxs32 .content .mx-post-meta-info .mx-single-meta i {
color: var(--mxs32-globalc); }
.mxs32 .content .title,.mxs32 .content .title a {
font-size: 24px;
font-weight: 600;
line-height: initial;
letter-spacing: -0.54px;
color: #151422;
transition: all 0.5s ease-out;
margin-bottom: 10px; }
.mx-post-content  {
margin: 10px 0px; }   
.btn-wrapper {
order:4;
}
.mx-theme-btn {
display: inline-flex;
padding: 13px 31px;
justify-content: center;
align-items: center;
gap: 10px;
font-size: 16px;
font-weight: 600;
color: #ffffff;
background-color: var(--mxs32-globalc);
position: relative;
z-index: 1;
transition: all 0.5s ease-out;
border: 1px solid var(--mxs32-globalc);
overflow: hidden;
whimx-space: nowrap;
border-radius: 50px; }
.mx-theme-btn:hover {
color: #ffffff;
border-color: #222;
background-color: #222; }
.mx-theme-btn:focus {
color: #ffffff; }
.mx-theme-btn.style-2 {
background-color: transparent;
color: #182B54; }