.financing {
    position: fixed;
    right: var(--cfw-right-offset, 20px);
    bottom: var(--cfw-bottom-offset, 20px);
    z-index: 9999;
    padding: 10px;
    background-color: var(--cfw-background-color, #5898C4);
    border-radius: 40px;
}

.financing__wrap {
    display: none;
}

.financing.open .financing__wrap {
    display: block;
}

.financing__inner {
    display: flex;
    align-items: center;
    gap: 12px;
}

.financing svg {
    width: 30px;
    fill: var(--cfw-text-color, #FFFFFF);
}

.link {
    display: flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
}

.link svg {
    width: 35px;
    fill: var(--cfw-icon-color, #34729D);
    background-color: var(--cfw-text-color, #FFFFFF);
    border-radius: 50%;
}

.link span {
    color: var(--cfw-text-color, #FFFFFF);
    font-size: 18px;
}

.close {
    display: flex;
    cursor: pointer;
}

.close::before {
    content: '';
    border-left: 1px solid var(--cfw-text-color, #FFFFFF);
    padding: 4px;
}

.close svg {
    width: 30px;
    fill: var(--cfw-text-color, #FFFFFF);
}

.finansing__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    padding: 3px;
    border: 2px solid var(--cfw-text-color, #FFFFFF);
    border-radius: 50%;
    background-color: var(--cfw-icon-color, #34729D);
    cursor: pointer;
}

.financing.open .finansing__icon {
    display: none;
}

.finansing__icon svg {
    width: 30px;
    fill: var(--cfw-text-color, #FFFFFF);
}


@media screen and (max-width: 1024px) {
    .financing {
        right: max(15px, var(--cfw-right-offset, 20px));
        bottom: max(15px, var(--cfw-bottom-offset, 20px));
    }
}

@media screen and (max-width: 767px) {
    .link span {
        font-size: 16px;
    }
}