.btn-large {
    border-radius: 8px;
    width: 348px;
    min-width: 116px;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;

}

.btn-primary {
    background: var(--primary-color) !important;
}

.btn-outline-primary {
    background: var(--white-color);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.btn-inline-primary {
    background: var(--primary-color);
    color: var(--white-color);
    border: 1px solid var(--primary-color);
}

.btn-primary:hover {
    background: var(--primary-color) !important;
}

.btn, .btn:active {
    --falcon-btn-hover-border-color: var(--dark1-color);
    --falcon-btn-hover-color: var(--g3-color);

    --falcon-btn-hover-bg: var(--dark1-color);
    --falcon-btn-color: var(--g4-color);
    --falcon-btn-active-border-color: var(--dark1-color);
    --falcon-btn-active-bg: var(--dark1-color);
}

.btn-wrapper {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 0px 26px 0px rgba(31, 33, 32, 0.08);
    bottom: 5px;
}

.btn:first-child:active {

    --falcon-btn-active-bg: var(--light4-color);
    --falcon-btn-active-border-color: var(--light4-color);
    --falcon-btn-active-shadow: var(--light4-color);
    color: var(--dark1-color) !important;

}


.light-btn:hover {
    background: #9bc7c1 !important;
}

.btn:hover img,
.btn:active img {
    filter: brightness(0) saturate(100%) invert(88%) sepia(0%) saturate(0%) hue-rotate(133deg) brightness(103%) contrast(90%);
}

.btn-outline-danger {
    background: var(--light5-color);
!important;
    color: var(--danger-color);
    border: 1px solid var(--danger-color);
}


.btn-light {
    background: var(--light4-color) !important;
    color: var(--dark2-color);
}


.btn-light:hover {
    background: var(--light3-color) !important;
    border: 1px solid var(--white-color);
    color: var(--dark2-color);
}