.elementor-button {
transform: translateY(-4px);
position: relative;
z-index: 1;
}
.elementor-button::before {
content: '';
position: absolute;
bottom: -8px;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, var(--e-global-color-accent), var(--e-global-color-046d9af));
border-radius: 10px;
z-index: -2;
transition: all .3s;
}
.elementor-button::after {
content: '';
position: absolute;
bottom: 0px; left: 0;
width: 100%;
height: 100%;
background-color: var( --e-global-color-primary );
border-radius: 10px;
z-index: -1;
}
.elementor-button:hover {
transform: translateY(-8px);
transition: all 0.3s ease;
}
.gradient-circle svg{
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(to right, var(--e-global-color-accent), var(--e-global-color-046d9af));
color: white; border-radius: 50%; padding: 10px; }
@media (min-width: 1025px) {
.projekt .projekt-button {
opacity: 0;
transform: translateY(-8px);
transition: all 0.3s ease;
pointer-events: none; }
.projekt:hover .projekt-button {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
}
.beliebt-box {
position: relative;
}
.beliebt-box::after {
content: "beliebt";
position: absolute;
top: 30px;
right: -30px;
background: linear-gradient(to right, var(--e-global-color-accent), var(--e-global-color-046d9af));
color: white;
font-family: var( --e-global-typography-67236a7-font-family ), Sans-serif;
font-size: var( --e-global-typography-67236a7-font-size );
font-weight: var( --e-global-typography-67236a7-font-weight );
line-height: 1em;
padding: 4px 50px;
transform: rotate(45deg);
z-index: 10;
}
.faq .e-con{
transform: translateY(-10px)
}
.vergleich .elementor-icon{
margin-top: 3px;
margin-bottom: -3px
}