#see-vedio span.elementor-button-content-wrapper { display: flex; } .container1 { display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.5s ease-in-out; cursor: pointer; } .icon-title1 { position: absolute; display: flex; flex-direction: column; align-items: center; transition: flex-direction 0.5s ease-in-out; } .icon { width: fit-content !important; font-size: 30px; margin-bottom: 10px; transition: margin 0.5s ease-in-out; } .title { font-size: 18px; font-weight: bold; transition: margin 0.5s ease-in-out; } .description { opacity: 0; height: 220px; transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out; text-align: center; font-size: 14px; margin-top: 10px; } .container1:hover { padding-top:30px; justify-content: space-between; transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out; } /* Hover Effect */ .container1:hover .title .elementor-heading-title { text-align: right; font-size: 18px; } .container1:hover .e-con .elementor-widget { max-width: 200px; min-width: 60px; } .container1:hover .icon .elementor-icon { font-size: 50px; } .container1:hover .icon-title1 { gap:17px; top: 20px; padding: 0 27px; justify-content:flex-start; flex-direction: row; } .container1:hover .title{ } .container1:hover .description { width: 100%; padding: 0 40px; position: absolute; top: 150px; opacity: 1; }