<!-- start Simple Custom CSS and JS -->
<style type="text/css">
.contenedor-btn {
	background: #00000000;
	height: 72px;
}	
.contenedor-right {
	justify-content: start !important;
}

a.btn-slide-right ,
a.btn-slide-left {
	background: #50505080;
	cursor: pointer;
}	

.btn-slide-left {
	height: 72px;
	width: 72px;
	display: flex;
	transition: .25s;
	justify-self: right;
}
.btn-slide-right {
	height: 72px;
	width: 72px;
	display: flex;
	transition: .25s;
	justify-self: left;
}

.btn-slide-left > .btn-text,
.btn-slide-right > .btn-text {
	opacity: 0;
	width: 0px;
	transition: .25s;
	z-index: 1;
	display: flex;
	align-items: center;
	color: #CCCCCC;
}
.btn-slide-left > .btn-img ,
.btn-slide-right > .btn-img {
	width: 72px;
	height: 72px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
}
.btn-slide-left > .btn-text p,
.btn-slide-right > .btn-text p {
  white-space: nowrap;
}

.btn-slide-left:hover ,
.btn-slide-right:hover {
	width: 240px;
}
.btn-slide-left:hover .btn-text ,
.btn-slide-right:hover .btn-text {
	opacity: 1;
	color: white;
	width: 180px;
	padding-left: 20px;
	padding-right: 40px;
}

.title-fit-content.elementor-widget-heading {
	width: fit-content !important;
}</style>
<!-- end Simple Custom CSS and JS -->
