.cta-sec{
    display: flex;}


.cta-sec a,.cta-sec button{    display: flex;
    gap: 0;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: var(--small-title);
    gap: 12px;
    border: 1px dotted rgba(255, 255, 255, 0.4);
    padding: 3px 3px 3px 10px;
    border-radius: 6px;
    backdrop-filter: blur(11.399999618530273px);cursor:pointer;
}


.cta-sec a.black ,.cta-sec button.black{color:var(--grey-bg);  border: 1px dotted var(--grey-bg);}

.cta-sec.center{justify-content:center;}


.cta-sec a .span,.cta-sec button .span{position: relative;overflow:hidden;}

.cta-sec a,.cta-sec button {
    position: relative;
    display: flex;
    overflow: hidden;    outline: none;
}

.cta-sec a .first-one,.cta-sec button .first-one {
    position: absolute;
    bottom: -50px;
    transition: bottom 0.3s ease-in-out;
}

.cta-sec a .second-one,.cta-sec button .second-one{
    position: relative;
    bottom: 0;
    transition: bottom 0.3s ease-in-out;
}

.cta-sec a:hover .first-one,.cta-sec button:hover .first-one {
    bottom: 0;
}

.cta-sec a:hover .second-one,.cta-sec button:hover .second-one {
    bottom: 50px;
}
.cta-sec a svg path,.cta-sec button svg path{  
    transform-origin: center;transition: 0.3s all ease-in-out;}

.cta-sec a:hover svg path,.cta-sec button:hover svg path{    transform: rotate(45deg);}


#blogs .cus-cta .cta-sec a .span, #blogs .cus-cta .cta-sec button .span{display:none;}
#blogs .cus-cta .cta-sec a{padding:0px;border:none;}


#blogs .cus-cta .c-arrow{width:44px;}



#blogs .cus-cta{justify-content: space-between;}