.ava-phone { position:relative; width:90px; height:112px; transform:rotate(-8deg); filter:drop-shadow(4px 8px 7px #0005); transform-origin:50% 65%; animation:ava-phone-ring 3s ease-in-out infinite; animation-play-state:paused; }
.ava-phone svg { display:block; width:100%; height:100%; max-width:none; }
.ava-phone .ava-phone__name { fill:#e8f7f5; font:700 11px Arial,sans-serif; }
.ava-phone .ava-phone__status { fill:#a8d4d5; font:400 7px "MRBT IRANSans",Tahoma,sans-serif; }
.ava-phone .ava-phone__waves { opacity:.5; animation:ava-ring-waves 3s ease-in-out infinite; animation-play-state:paused; }
.ava-phone.is-ringing, .ava-phone.is-ringing .ava-phone__waves { animation-play-state:running; }
@keyframes ava-phone-ring { 0%,32%,100% {transform:rotate(-8deg)} 4%,12%,20% {transform:rotate(-12deg)} 8%,16%,24% {transform:rotate(-4deg)} 28% {transform:rotate(-9deg)} }
@keyframes ava-ring-waves { 0%,30%,100% {opacity:.35} 8%,20% {opacity:1} 14% {opacity:.55} }
@media(prefers-reduced-motion:reduce) { .ava-phone, .ava-phone .ava-phone__waves { animation:none !important;transform:none; } }