.event-button{bottom:10%;right:5%;width:4rem;height:4rem;background-color:#3a8ef6;padding:1rem;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer}.event-button,.event-overlay{position:fixed;display:flex;align-items:center;justify-content:center;z-index:50}.event-overlay{inset:0;background-color:rgba(0,0,0,.5)}.event-content{position:relative}.event-image{border-radius:8px;width:1024px;height:auto}.event-close{top:8px;right:8px;width:2rem;height:2rem;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer}.event-close,.ripple:before{position:absolute;border-radius:50%}.ripple:before{content:"";width:100%;height:100%;background:rgba(0,0,255,.3);opacity:0;transform:scale(1);animation:rippleEffect 1.5s infinite}.fade-in{opacity:0;transform:translateY(-20px);animation:fadeInDown 1.5s ease-out forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes rippleEffect{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}@media(max-width:1234px){.event-overlay .event-content .event-image{width:900px}}@media(max-width:1114px){.event-overlay .event-content .event-image{width:800px}}@media(max-width:860px){.event-overlay .event-content .event-image{width:700px}}@media(max-width:768px){.event-overlay .event-content .event-image{width:600px}}@media(max-width:680px){.event-overlay .event-content .event-image{width:550px}}@media(max-width:580px){.event-overlay .event-content .event-image{width:336px}}@media(max-width:450px){.event-overlay .event-content .event-image{width:300px}}@media(min-width:1024px){.event-button{transform:scale(1.5)}}