:root {
--trsy : 64px;
--startOpacity : 0.04;
}
@keyframes displayOnScrollFromBottom {
from {
opacity: var(--startOpacity);
transform: translateY(var(--trsy));
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes displayOnScrollFromTop {
from {
opacity: var(--startOpacity);
transform: translateY(calc(var(--trsy) * -1));
}
to {
opacity: 1;
transform: translateY(0);
}
} .et_pb_text_inner a { position: relative; }
.et_pb_text_inner a:hover::after {
content: '';
position: absolute;
top: calc(100% - 2px);
left: 0;
width: 100%;
height: 2px;
background: #fcaf1d;
animation: linksDisplay 0.28s;
}
@keyframes linksDisplay {
from { width: 0; }
to { width: 100%; }
}