.btn-cta {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 30px;
    background: #FF9000;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-cta:hover { background: #e07c00; }

.btn-body-video {
    display: flex;
    width: 164px;
    height: 44px;
    opacity: 1;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF);
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.btn-body-video > img {
margin-right: 10px;
}

 .btn-logo-border-blue{
     display: flex;
     width: 260px;
     height: 80px;
     opacity: 1;
     padding: 5px;
     color: rgba(26, 18, 51, 1);
     border-radius: 20px;
     justify-content: center;
     align-items: center;
     border: 2px solid rgba(42, 144, 255, 1);
     cursor: pointer;
     text-decoration: none;
     transition: border 0.2s;
 }

 .btn-logo-blue{
     display: flex;
     width: 320px;
     height: 97px;
     opacity: 1;
     padding: 5px;
     background: #2A90FF;
     color: rgba(255, 255, 255, 1);
     border-radius: 10px;
     justify-content: center;
     align-items: center;
     cursor: pointer;
 }

 .btn-blue{
     display: flex;
     width: 200px;
     height: 26px;
     opacity: 1;
     padding: 5px;
     background: #2A90FF;
     color: rgba(255, 255, 255, 1);
     border-radius: 10px;
     justify-content: center;
     align-items: center;
     cursor: pointer;
 }

 .text-btn{
     font-family: Montserrat;
     font-weight: 700;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0%;

 }



.btn-orange {
    --bssu-orange:  #f6921e;
    flex: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background: var(--bssu-orange);
    border: 0;
    border-radius: 999px;
    padding: 12px 22px;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(246, 146, 30, .30);
    transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}
.btn-orange:hover {
    background: #ef8512;
    transform: translateY(-1px);
    box-shadow: 0 12px 22px rgba(246, 146, 30, .40);
}
.btn-orange:active { transform: translateY(1px); }

.btn-border{
    display: flex;
    width: 298px;
    height: 44px;
    padding: 5px;
    color: rgba(26, 18, 51, 1);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    border: 2px solid rgba(42, 144, 255, 1);
    cursor: pointer;
    text-decoration: none;

    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;

    transition:
            border-color .2s ease,
            transform .15s ease,
            box-shadow .15s ease,
            background .2s ease;
}

.btn-border:hover {
    box-shadow:
            0 0 24px rgba(45, 141, 253, 0.35),
            0 0 64px rgba(45, 141, 253, 0.18),
            inset 0 0 18px rgba(45, 141, 253, 0.12);
}

.btn-border:active {
    transform: translateY(1px);
}
.btn-border-demo{
    display: flex;
    width: 298px;
    height: 44px;
    padding: 5px;
    color: rgb(255 255 255);
    border-radius: 100px;
    justify-content: center;
    background: rgb(10 106 161 / 0);
    align-items: center;
    border: 2px solid rgba(42, 144, 255, 1);
    cursor: pointer;
    text-decoration: none;

    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;

    transition:
            border-color .2s ease,
            transform .15s ease,
            box-shadow .15s ease,
            background .2s ease;
}

.btn-border-demo:hover {
    box-shadow:
            0 0 24px rgba(45, 141, 253, 0.35),
            0 0 64px rgba(45, 141, 253, 0.18),
            inset 0 0 18px rgba(45, 141, 253, 0.12);
}

.btn-border-demo:active {
    transform: translateY(1px);
}