@import "@/src/styles/helpers.scss";

.section {
	@include darkSection;
	@include regularFont;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	padding: 1rem 2rem;

	p {
		margin: 0;
		font-size: 0.9rem;
	}
}

.logoWrapper {
	position: relative;
	width: 3rem;
	height: 1.5rem;
	flex-shrink: 0;
}

.logo {
	object-fit: contain;
	opacity: 0.7;
	transition: opacity 0.3s ease;

	&:hover {
		opacity: 1;
	}
}