.meryem-heart-timeline {
position: fixed;
right: 20px;
bottom: 20px;
width: 40px;
height: 40vh;
pointer-events: none;
z-index: 9999;
display: flex;
flex-direction: column-reverse;
align-items: center;
justify-content: flex-start;
}
.meryem-heart-timeline__line {
width: 3px;
background: linear-gradient(to top, #c81e3a, #ff7aa2);
border-radius: 999px;
transform-origin: bottom center;
animation: meryem-heart-grow 2.5s ease-in-out infinite alternate;
}
.meryem-heart-timeline__heart {
font-size: 22px;
color: #c81e3a;
text-shadow: 0 0 6px rgba(200, 30, 58, 0.6);
animation: meryem-heart-beat 1s ease-in-out infinite;
}
@keyframes meryem-heart-grow {
0% { height: 15%; opacity: 0.7; }
100% { height: 90%; opacity: 1; }
}
@keyframes meryem-heart-beat {
0%, 100% { transform: scale(1); }
25% { transform: scale(1.2); }
50% { transform: scale(0.95); }
75% { transform: scale(1.15); }
}
@media (max-width: 781px) {
.meryem-heart-timeline {
right: 12px;
bottom: 12px;
width: 32px;
height: 30vh;
}
.meryem-heart-timeline__heart {
font-size: 18px;
}
}
Seni Seviyorum Meryem 