.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, #fff);
}

.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, #fff);
	border-radius: 50%;
}

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

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

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

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

.finansing__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	padding: 3px;
	border: 2px solid var(--cfw-text-color, #fff);
	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, #fff);
}

@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;
	}
}