.downloads{
	display: grid;
	grid-template-columns: 3fr 1fr auto;
	align-items: center;
	gap: 20px 40px;

	@media (max-width: 767px){
		grid-template-columns: 1fr auto;
	}

	a{
		grid-column: span 3;
		text-decoration: none;
		display: grid;
		grid-template-columns: subgrid;
		align-items: center;
		padding: 20px;
		background: var(--wp--preset--color--farbe-8);

		@media (max-width: 767px){
			grid-column: span 2;
		}

		.title{
			font-weight: 600;
		}

		.button{
			display: flex;
			align-items: center;
			gap: 10px;
			font-weight: 600;
			color: var(--wp--preset--color--farbe-3);

			@media (max-width: 767px){
				grid-area: 1/2/3/3;
			}

			&::before{
				content: url(../../images/tree.svg);
				font-size: 0;
				line-height: 1;
				transition: transform .5s cubic-bezier(0.34, 1.56, 0.64, 1);
			}
		}

		&:hover .button::before{
			transform: rotate(90deg);
		}
	}
}

.entry-content .downloads a{
	opacity: 0;
}