.modal{
    --bs-modal-border-radius: 2rem;
    --bs-modal-padding: 2rem;
    --bs-modal-header-padding: 1rem 2rem;
}




.vf .btn-vf-primary {
    background: linear-gradient(90deg, var(--fresh-pink) 0%, var(--fresh-blue) 100%);
    --bs-btn-color: #fff;
    border:none;
    --bs-btn-border-radius: 999px;
    --bs-btn-padding-x: 18px;
    --bs-btn-padding-y: 10px;
    --bs-btn-font-weight: 600;
    --bs-btn-line-heigh: 17px;
    --bs-btn-font-size: 14px;
}

.vf .btn-group-lg > .btn, .vf .btn-lg {
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-padding-x: 2rem;
    --bs-btn-font-size: 1.25rem;
}

.vf .btn-vf-secondary {
    position: relative;
    --fresh-gradient-angle: 0deg;
    --color-gradient: linear-gradient(var(--fresh-gradient-angle), #CE214B 15%, #3064A7 100%);
    z-index: 1;
    --bs-btn-border-radius: 999px;
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 600;
    --bs-btn-padding-x: 15px;
    --bs-btn-padding-y: 10px;
    --bs-btn-line-heigh: 17px;
}

.vf .btn-vf-secondary:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: var(--fresh-color-gradient);
    mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
}