footer {
	.v-footer-outer {
		background-color: var(--black-bg);
		.v-footer-inner {
			padding-block: 5rem;
		}
	}
	.v-logo-container {
		display: flex;
		row-gap: 1rem;
		flex-direction: column;

		.v-logo {
			width: 8rem;
		}
		.v-subtext {
			font-size: 0.85rem;
			color: var(--white);
			line-height: 1.4;
		}
	}
	.v-valent-socials {
		--size: 1.4rem;
		display: flex;
		align-items: center;
		margin-top: 3rem;
		gap: 0.7rem;

		& .v-social-href {
			color: var(--white);
			&:hover {
				color: var(--primary-clr);
				transition-timing-function: ease;
			}
		}

		& svg {
			width: var(--size);
			height: var(--size);
			color: inherit;
		}
	}
	.v-links-row {
		row-gap: 2rem;
	}

	.v-footer-link-container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		row-gap: 1.3rem;

		.v-title {
			color: var(--white);
			font-weight: 600;
		}

		.v-footer-link {
			display: flex;
			flex-direction: column;
			row-gap: 0.8rem;
			margin-top: 5px;

			.v-href {
				--white: #ffffffeb;
				color: var(--white);
				text-transform: capitalize;
				font-size: 0.83rem;

				&:hover {
					color: var(--primary-clr);
				}
			}
		}
	}
	.v-post-footer {
		text-align: start;
		font-size: 0.85rem;
		padding-block: 0.8rem;
		color: var(--white);
	}
}