/*==================================================
CTA BUTTONS
==================================================*/

.cta-section{

    padding:80px 0;

    background:#000000;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:24px;

    flex-wrap:wrap;

}

/*----------------------------------
Common
----------------------------------*/

.cta-buttons a{

    min-width:280px;

    height:62px;

    padding:0 40px;

    border-radius:60px;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    font-size:18px;

    font-weight:500;

    transition:.35s ease;

    position:relative;

    overflow:hidden;

}

/*----------------------------------
Request Demo
----------------------------------*/

.btn-demo{

    background:#00C083;

    color:#000;

}

.btn-demo:hover{

    background:#15d99c;

    color:#000;

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(0,192,131,.35);

}

/*----------------------------------
Datasheet
----------------------------------*/

.btn-datasheet{

    background:#ffffff;

    color:#111;

}

.btn-datasheet:hover{

    background:#f3f3f3;

    color:#000;

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(255,255,255,.18);

}

/*----------------------------------
Hover Shine
----------------------------------*/

.cta-buttons a::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:60%;

    height:100%;

    background:linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.45),

        transparent

    );

    transform:skewX(-25deg);

}

.cta-buttons a:hover::before{

    left:150%;

    transition:0.8s;

}

/*----------------------------------
Responsive
----------------------------------*/

@media(max-width:768px){

    .cta-buttons{

        flex-direction:column;

        gap:18px;

    }

    .cta-buttons a{

        width:100%;

        max-width:320px;

    }

}

.btn-green{

    background:#80ce0a;

    color:#000;

    border-radius:40px;

    padding:14px 36px;

    font-weight:600;

}

.btn-white{

    background:#fff;

    color:#111;

    border-radius:40px;

    padding:14px 36px;

    font-weight:600;

}

/*==================================================
Capability Buttons
==================================================*/

.capability-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    margin-top:60px;

}

.btn-demo,
.btn-datasheet, .penx-btn-demo{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:220px;

    height:56px;

    padding:0 32px;

    border-radius:50px;

    font-size:17px;

    font-weight:500;

    text-decoration:none;

    transition:all .35s ease;

    border:1px solid transparent;

}

/* Request Demo */
/* 
.btn-demo{

    background:#80ce0a;

    color:#111;

}

.btn-demo:hover{

    background:#95dd1d;

    color:#111;

    transform:translateY(-3px);

    box-shadow:0 10px 30px rgba(128,206,10,.35);

} */

/* Download Datasheet */

.btn-datasheet{

    background:#ffffff;

    color:#111;

}

.btn-datasheet:hover{

    background:#f4f4f4;

    color:#111;

    transform:translateY(-3px);

    box-shadow:0 10px 30px rgba(255,255,255,.18);

}

/* Responsive */

@media (max-width:767px){

    .capability-buttons{

        flex-direction:column;

        gap:15px;

    }

    .btn-demo,
    .btn-datasheet{

        width:100%;

        max-width:320px;

    }

}



.penx-btn-demo{

    background:#7f1e22;

    color:#ffffff;

}

.penx-btn-demo:hover{

    background:#FFFFFF;

    color:#111;

    transform:translateY(-3px);

    box-shadow:0 10px 30px rgba(128,206,10,.35);

}