.elementor-121 .elementor-element.elementor-element-f108dc3{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for heading, class: .elementor-element-fef3d0b */.button-3 {
            font-family: "Gilroy";
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 15px;
          
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0.07em;
            text-decoration: none;
            background-color: transparent;
            border: 1.5px solid;
            border-image: linear-gradient(to right, #303436, #5B656D) 1;
            transition: border-image 0.5s ease;
            box-sizing: border-box;
            overflow: hidden;
        }
        
        @media only screen and (max-width: 1100px){
            .button-3{
                font-size: 14px;
                  padding: 10px 35px;
            }
            
             .arrow-right-3 {
            width: 10px;
            height: auto;
            transition: transform 0.5s ease;
        }
        
        .arrow-left-3 {
            width: 10px;
            height: auto;
            position: absolute;
            left: -60px; /* Start outside the button */
            transition: transform 0.5s ease;
        }
        }
        
        .button-3:hover {
            border-image: linear-gradient(to right, #5B656D, #303436) 1;
            background-color: transparent;
        }

        .text-3 {
            transition: transform 0.5s ease;
            margin-right: 8px;
        }
        
        .button-3:hover .text-3 {
            transform: translateX(40px);
            
        }
        
        /* Button default state - right side arrow */
        .arrow-right-3 {
            width: 30px;
            height: auto;
            transition: transform 0.5s ease;
        }
        
        .button-3:hover .arrow-right-3 {
            transform: translateX(100px); /* Move off-screen to the right */
        }
        
       
        .arrow-left-3 {
            width: 30px;
            height: auto;
            position: absolute;
            left: -60px; /* Start outside the button */
            transition: transform 0.5s ease;
        }
        
        .button-3:hover .arrow-left-3 {
            transform: translateX(80px); /* Move into position */
        }/* End custom CSS */