.pp_block_custom-link.button a{
	border: 1px solid transparent;
	&:hover, &.active{
		border-color: currentColor !important;
	}
}

.pp_block_custom-link{
	&[style*="--link-bg-color: ;"] a{ /* wenn --link-bg-color: ; leer ist */
		background-color: transparent;
	}
	&:not([style*="--link-bg-color: ;"]) a{ /* wenn --link-bg-color: ; NICHT leer ist */
		background-color: var(--link-bg-color) !important;
	}
	a{
		&, span{
			transition: all .3s linear;
			color: var(--link-text-color) !important;
		}
		svg, i{
			transition: all .3s linear;
			fill: var(--link-text-color) !important;
			color: var(--link-text-color) !important;
		}
	}
	&[style*="--hover-bg-color: #"]{ /* wenn hover color definiert */
		a{
			&:hover, &.active{
				background-color: var(--hover-bg-color) !important;
			}
		}
	}
	&[style*="--hover-text-color: #"]{ /* wenn hover color definiert */
		a:hover, a.active{
			&, span{
				color: var(--hover-text-color) !important;
			}
			svg, i{
				fill: var(--hover-text-color) !important;
				color: var(--hover-text-color) !important;
			}
		}
	}
}

.pp_block_custom-link i,
.pp_block_custom-link svg{
		max-width: 20px;
}