.contacts{
	.item{
		display: flex;
		flex-direction: column;
		max-width: 400px;
		height: 100%;
		margin: 0 auto;

		.photo{
			position: relative;

			a{
				position: absolute;
				z-index: 1;
				bottom: 20px;
				right: 20px;

				&::before{
					--icon: url(../../images/linkedin.svg);
					content: '';
					display: block;
					width: 48px;
					aspect-ratio: 1;
					-webkit-mask: var(--icon) no-repeat center/contain;
					mask: var(--icon) no-repeat center/contain;
					background: #fff;
					transition: background-color .3s ease;
				}
				&:hover::before{
					background-color: var(--wp--preset--color--farbe-3);
				}
			}
		}
		.name{
			margin: 30px 0 5px;
		}
		p:not(:last-child){
			margin: 0 0 15px;
		}
		.contacts{
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			margin: auto 0 0;
			font-weight: 600;

			a{
				overflow: hidden;
				text-decoration: none;
				background: linear-gradient(to right, var(--wp--preset--color--farbe-3), var(--wp--preset--color--farbe-3) 50%, var(--wp--preset--color--schwarz) 50%);
				background-clip: text;
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				background-size: 201% 100%;
				background-position: 100%;
				transition: background-position .35s ease;

				&:hover{
					background-position: 0 100%;
				}
			}
		}
	}
}