/***** Social Media Links ************/
.dc-social {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    --_dimension: 2.25rem;

	a {
		position: relative;
		display: grid;
		align-content: center;
		width: var(--_dimension);
		height: var(--_dimension);
		font-size: 1.5rem;
		line-height: var(--_dimension) !important;
		background-color: hsl(0, 0%, 100%);
		border-radius: 50%;
		text-align: center;
		overflow: hidden;
		transition: all 0.1s linear;

		&:hover {
			text-decoration: none;
			scale: 1.1;
		}

		&::before {
			color: hsl(0, 0%, 0%);
		}
	}
}
/***** end Social Media Links ********/