.kitan-bot-btn {
	display: flex;
	width: 80px;
	height: 80px;
	justify-content: center;
	align-items: center;
	gap: 8px;

	border: 0;
	border-radius: 100px;
	background: $primary-1;
	transition-duration: .2s;
	transition-property: background, transform;
	transform: rotate(0);
	position: relative;

	z-index: 2;

	.kb-icon {
		position: absolute;
		transition-duration: .2s;
	}

	&.kb-state-closed {
		.for-closed {
			opacity: 1;
		}

		.for-opened {
			opacity: 0;
		}
	}

	&.kb-state-opened {
		transform: rotate(90deg);

		.for-closed {
			opacity: 0;
		}

		.for-opened {
			opacity: 1;
		}
	}

	&:hover {
		background: $primary-1-dark;
	}

	@include media-down(xs) {
		width: 60px;
		height: 60px;
	}
}