.mos-img img {display: none !important;}

:root {
 --theme-color: #fd5115;
 --secondary-color: #ba9765;
 --title-color: #000000;
 --body-color: #555555;
 --smoke-color: #f3f5fc;
 --light-color: #d3d3d3;
 --black-color: #000000;
 --white-color: #ffffff;
}
.blog-style2 .blog-img {
 overflow:hidden;
 border-radius:12px
}
.blog-style2 .blog-img img {
 width:100%
}
.blog-style2 .blog-date {
 margin:-17.5px 0 24px 0
}
.blog-style2 .blog-date {
 display:inline-block;
 font-size:14px;
 padding:10.5px 20px;
 font-weight:700;
 line-height:1;
 background-color:var(--theme-color);
 color:var(--white-color);
 border-radius:7px;
 text-transform:uppercase
}

.blog-style2 .blog-meta {
 margin:0 0 12px 0
}
.blog-style2 .blog-meta a {
 color:#555;
 display:inline-block;
 font-size:14px;
 margin-right:10px
}
.blog-style2 .blog-meta a i {
 color:var(--theme-color)
}
.blog-style2 .blog-title {
 font-weight:500;
 font-size:22px;
 margin:0
}
.blog-style2 .icon-btn {
 position:absolute;
 left:0;
 bottom:0;
 transform:translateX(60px);
 opacity:0;
 visibility:hidden
}
.blog-style2 .blog-body {
 background-color:var(--white-color);
 padding:.1px 35px 30px 35px;
 margin:-35px 20px 0 20px;
 position:relative;
 z-index:1;
 border-radius:12px;
 transition:all ease .4s
}
.blog-style2 .blog-content {
 overflow:hidden;
 position:relative;
 transition:all ease .4s;
 padding-bottom:0
}
.blog-style2 .icon-btn {
 display:inline-block;
 border:none;
 padding:0;
 width:var(--btn-size, 50px);
 height:var(--btn-size, 50px);
 line-height:var(--btn-size, 50px);
 font-size:var(--btn-font-size, 18px);
 background-color:var(--icon-bg, #ffffff);
 color:var(--title-color);
 text-align:center;
 border-radius:50%;
 transition:all ease .4s
}
.blog-style2 .icon-btn.style2 {
 border:1px solid #e0e0e0;
 background-color:rgba(0,0,0,0)
}
.blog-style2.layout2 .blog-body {
 border:1px solid #e0e0e0
}
.blog-style2:hover .icon-btn {
 transform:translateX(0);
 opacity:1;
 visibility:visible
}
.blog-style2:hover .blog-body {
 margin-top:-104px;
 background-color:var(--secondary-color);
 border-color:rgba(0,0,0,0)
}
.blog-style2:hover .blog-content {
  padding-bottom:70px;
  padding-bottom:40px !important;
}
.blog-style2:hover .blog-meta, .blog-style2:hover .blog-meta a, .blog-style2:hover .mos-img {
 color:#e3e3e3
}
.blog-style2:hover .blog-meta a:hover {
 color:var(--theme-color)
}
.blog-style2:hover .blog-title a {
 color:var(--white-color)
}
.blog-style2:hover .blog-title a:hover {
 colorXX:var(--theme-color);
  color: #ffffff;
}