.hexagon{position:relative;width:100%;height:auto;transition:transform .5s ease-out;opacity:0;animation:hexagonEntrance .8s .3s forwards}@keyframes hexagonEntrance{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.hexagon:hover{transform:scale(1.03)}.hexagon-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1.5rem;gap:.5rem}.hexagon-content h3{font-size:1.125rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);text-align:center;transform:translateY(10px);opacity:0;animation:contentFadeIn .5s .7s forwards}@media (min-width:640px){.hexagon-content h3{font-size:1.25rem}}@media (min-width:768px){.hexagon-content h3{font-size:1.375rem}}@media (min-width:1024px){.hexagon-content h3{font-size:1.5rem}}.hexagon-content p{font-size:.875rem;line-height:1.4;color:#f0f0f0;text-shadow:0 1px 3px rgba(0,0,0,.5);text-align:center;transform:translateY(8px);opacity:0;animation:contentFadeIn .5s .9s forwards}@media (min-width:640px){.hexagon-content p{font-size:.9375rem;line-height:1.45}}@media (min-width:768px){.hexagon-content p{font-size:1rem;line-height:1.5}}.hexagon-content button{width:auto;padding:6px 32px;background:#c9d8f1;box-shadow:inset 0 4px 4px rgba(0,0,0,.25);border-radius:15px;display:inline-flex;justify-content:center;align-items:center;gap:8px;color:#000;font-size:16px;font-weight:600;word-wrap:break-word;border:none;transition:all .4s cubic-bezier(.25,.8,.25,1);transform:translateY(6px);opacity:0;animation:contentFadeIn .7s cubic-bezier(.19,1,.22,1) 1.1s forwards;position:relative;overflow:hidden}@media (min-width:640px){.hexagon-content button{padding:7px 36px;font-size:17px;gap:9px}}@media (min-width:768px){.hexagon-content button{padding:8px 40px;font-size:18px;gap:10px}}@keyframes contentFadeIn{to{opacity:1;transform:translateY(0)}}.hexagon-content button:hover{transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,.15);background:#b6c8e4}.hexagon-content button:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,hsla(0,0%,100%,.7) 0,hsla(0,0%,100%,0) 70%);transform:scale(0);opacity:0;transition:transform .5s ease-out,opacity .5s ease-out;pointer-events:none;top:0;left:0}.hexagon-content button:hover:before{transform:scale(2);opacity:1}.hexagon-content button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:rgba(0,0,0,.5);transition:width .4s cubic-bezier(.19,1,.22,1)}.hexagon-content button:hover:after{width:100%}