:root {
	--desktop-mainred: #ee2a59;
	--desktop-gray-0: #f7f7f7;
	--desktop-gray-2: #c4c4c4;
	--desktop-gray-1: #ebebeb;
	--desktop-main-black: #161515;
	--desktop-text-gray-dark: #4a4e57;
	--desktop-black-2: #363636;
	--desktop-white: #fff;
	--desktop-gray3: #848484;
	--desktop-hover-red: #ff3d6b;

	--font-family: "Inter", sans-serif;
	--second-family: "Roboto", sans-serif;
	--third-family: "MetaBlackCyr-Italic", sans-serif;
	--font3: "MetaBlackCyrLF-ItalicCaps", sans-serif;
	--font4: "MetaBlackCyrLF-Italic", sans-serif;
	--font5: "SF UI Display", sans-serif;
	--font6: "Rubik", sans-serif;
	--font7: "Helvetica", sans-serif;
	--font8: "Roboto Slab", sans-serif;
	--font9: "Gilroy", sans-serif;
}

.single-post .index-main .flex_wrapper .text_side .img_post {
	margin-bottom: 40px !important;
	display: block;
}


.llm-block {
	border: 2px solid #c4c4c4;
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 40px;
	.llm-label {
		font-family: "Inter", sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 156%;
		color: #161515;
		margin-bottom: 12px;
	}
	.llm-buttons {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 14px;

		@media screen and (max-width: 576px) {
			gap: 10px;
		}
		.llm-btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 4px;
			background: #f7f7f7;
			padding: 12px 10px;
			border-radius: 6px;
			&:hover {
				background: #161515;
				.llm-text {
					color: #fff;
				}
			}
			.llm-icon {
				display: flex;
				align-items: center;
				justify-content: center;
				img {
					width: 16px;
					height: 16px;
				}
			}
			.llm-text {
				font-family: "Inter", sans-serif;
				font-weight: 500;
				font-size: 14px;
				color: #161515;
				transition: .3s all ease;
			}
		}
	}
}