.ProductCard__Detail__container .seller {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	background-color: var(--color-white);
	padding: 1.875rem;
	border-radius: 1rem;

	.product-block-title {
		margin-bottom: 0;
	}
	.buttons {
		display: flex;
		flex-wrap: wrap;
		gap: 0.725rem;

		.social-button {
			display: grid;
			grid-template-columns: auto 1fr;
			color: var(--main-color);
			box-shadow: 0 0 0 calc(1px) var(--main-color);
			border-radius: 2rem;
			font-size: 1rem;
			transition:
				color,
				background-color 0.2s linear;
			width: max-content;
			height: fit-content;
			line-height: 0;
			&:hover {
				color: var(--color-white);
				background-color: var(--main-color);
			}
			&::before {
				content: "";
				display: block;
				height: 2.5rem;
				aspect-ratio: 1 / 1;
				background: var(--main-color);
				border-radius: 100%;
				overflow: hidden;
			}
			&.max {
				--main-color: #9e49db;
				&::before {
					background-image: url("/static/images/max-logo.png");
					background-size: contain;
				}
			}
			&.whatsapp {
				--main-color: #32d951;
				&::before {
					background-image: url("/static/images/whatsapp-logo.png");
					background-size: contain;
				}
			}
			&.telegram {
				--main-color: #039be5;
				&::before {
					background-image: url("/static/images/tg-logo.png");
					background-size: contain;
				}
			}
			span {
				align-items: center;
				display: flex;
				gap: 8px;
				flex-wrap: wrap;
				justify-content: center;
				padding: 13px 14px 13px 9px;
			}
		}
	}

	& > a {
		display: flex;
		flex-direction: row;
		font-weight: bold;
		align-items: center;
		justify-content: flex-start;
		text-transform: uppercase;
		gap: 1ch;
		img {
			width: 3.25rem;
			height: 3.25rem;
			mix-blend-mode: multiply;
		}
		& > div {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-start;
			gap: inherit;
			& > div {
				display: flex;
				align-items: center;
			}
		}
	}

	.seller__contacts {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 175px), 1fr));
		gap: 0.5rem 1.875rem;
	}

	.seller__contacts-btn {
		margin: 0;
		justify-content: flex-start;
		text-decoration: underline;
	}
}