.contact-container{position:relative;display:flex;justify-content:center;align-items:center;width:300px;height:300px;position: absolute;bottom: 5vw;right: 10vw;}
.contact-button{position:relative;width:120px;height:120px;background: linear-gradient(145deg, #1e1e1e, #595959);border-radius:50%;display:flex;justify-content:center;align-items:center;color:white;font-weight:bold;font-size:16px;text-decoration:none;box-shadow: 0 15px 35px rgb(134 134 134 / 47%), inset 0 -4px 10px rgba(0, 0, 0, 0.2), inset 0 4px 10px rgba(255, 255, 255, 0.2);transition:all 0.3s ease;z-index:10;overflow:hidden;cursor:pointer;display: flex;flex-direction: column;}
.contact-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.1),transparent);transform:translateX(-100%);transition:transform 0.6s ease}
.contact-button:hover{transform:scale(1.1);box-shadow: 0px 0px 45px rgb(208 208 208 / 60%), inset 0 -4px 15px rgba(0, 0, 0, 0.3), inset 0 4px 15px rgba(255, 255, 255, 0.3);}
.contact-button:hover::before{transform:translateX(100%)}
.orbiting-ring{position:absolute;width:180px;height:180px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;animation:orbit 3s linear infinite}
.orbiting-ring:nth-child(2){width:220px;height:220px;animation:orbit-reverse 4s linear infinite;border-color:rgba(255,255,255,0.2)}
.orbiting-ring:nth-child(3){width:260px;height:260px;animation:orbit 5s linear infinite;border-color:rgba(255,255,255,0.1)}
.orbiting-particles{position:absolute;width:280px;height:280px;animation:rotate 8s linear infinite}
.particle{position:absolute;width:6px;height:6px;background:rgba(255,255,255,0.8);border-radius:50%;animation:pulse 2s ease-in-out infinite}
.particle:nth-child(1){top:0;left:50%;transform:translateX(-50%);animation-delay:0s}
.particle:nth-child(2){top:50%;right:0;transform:translateY(-50%);animation-delay:0.5s}
.particle:nth-child(3){bottom:0;left:50%;transform:translateX(-50%);animation-delay:1s}
.particle:nth-child(4){top:50%;left:0;transform:translateY(-50%);animation-delay:1.5s}
.particle:nth-child(5){top:20%;right:20%;animation-delay:0.2s}
.particle:nth-child(6){bottom:20%;right:20%;animation-delay:0.7s}
.particle:nth-child(7){bottom:20%;left:20%;animation-delay:1.2s}
.particle:nth-child(8){top:20%;left:20%;animation-delay:1.7s}
@keyframes orbit{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}@keyframes orbit-reverse{0%{transform:rotate(360deg)}
100%{transform:rotate(0deg)}
}@keyframes rotate{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.8;box-shadow:0 0 10px rgba(255,255,255,0.5)}
50%{transform:scale(1.5);opacity:1;box-shadow:0 0 20px rgba(255,255,255,0.8)}
}.glow-effect{position:absolute;width:140px;height:140px;background:radial-gradient(circle,rgba(255,107,107,0.4) 0%,transparent 70%);border-radius:50%;animation:glow 2s ease-in-out infinite alternate}
@keyframes glow{0%{opacity:0.3;transform:scale(1)}
100%{opacity:0.6;transform:scale(1.2)}
}.ripple{position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,0.1);border-radius:50%;animation:ripple 3s linear infinite}
.ripple:nth-child(2){animation-delay:1s;width:320px;height:320px}
.ripple:nth-child(3){animation-delay:2s;width:340px;height:340px}
@keyframes ripple{0%{transform:scale(0.8);opacity:1}
100%{transform:scale(1.2);opacity:0}
}

@media (max-width:1470px){
    .orbiting-particles{width: 280px;height: 280px;}
    .orbiting-ring{width: 160px;height: 160px;}
    .ripple{width: 280px;height: 280px;}
    .ripple:nth-child(2){width: 300px;height: 300px;}
    .ripple:nth-child(3){width: 320px;height: 320px;}
    .glow-effect{width: 120px;height: 120px;}
    
}
@media (max-width:640px){
    .contact-button{font-size: 14px;width: 100px;height: auto;aspect-ratio: 1/1;}
    .glow-effect{width: 100px;height: 100px;}
    .orbiting-particles{width: 260px;height: 260px;}
    .orbiting-ring{width: 140px;height: 140px;}
    .ripple, .ripple:nth-child(2), .ripple:nth-child(3), .orbiting-particles{display:none;}
    .contact-container{bottom: 56vw;right: 11vw;width: 20vw;height: auto;aspect-ratio: 1/1;}
}
@media (max-width:480px){
    .contact-container{transform:scale(0.8)}
}