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