<!-- 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 -->