@import url(css/owl.carousel.css);

/* :: 9.0 Gallery Area CSS */

 .medilife-gallery-area{
	width:96%; 
	max-width: fit-content;
	margin-inline: auto;	
   }

.single-gallery-item {
  position: relative;
  
  border-radius: 4px;
  z-index: 1;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms; }

  .single-gallery-item::after {
    background-color: rgba(0, 205, 108, 0.0);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    content: '';
    opacity: 0;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms; }

	.btn{
	text-align:center;
	padding:0; 
	width: 100%;
	}

  .butt-area{
	
	background-color:#0e7574;
	max-width: 94%;
	margin-inline: auto;
	}

  .butt {
	height: 51px;
	background: #0e7574;
	max-width: fit-content;
	margin-inline: auto;	
}
.butt::after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #bccd2f;
	content: '';
	z-index: 0;
	-webkit-transition: all 400ms cubic-bezier(.33,.68,.59,.99);
	-moz-transition: all 400ms cubic-bezier(.33,.68,.59,.99);
	-ms-transition: all 400ms cubic-bezier(.33,.68,.59,.99);
	-o-transition: all 400ms cubic-bezier(.33,.68,.59,.99);
	transition: all 400ms cubic-bezier(.33,.68,.59,.99);
}
.butt a {
	display: block;
	position: relative;
	line-height: 51px;
	font-size: 14px;
	font-weight: 900;
	color: #FFFFFF;
	padding-left: 39px;
	padding-right: 45px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	z-index: 10;
}
.butt:hover::after
{
	height: 100%;
}
.butt:hover a
{
	color: #FFFFFF !important;
}