.hexagon-container{width:250px;height:250px;margin:34.64px 10px;display:inline-block;position:relative}.hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .3s;display:flex;position:absolute;transform:rotate(0)}.hexagon:hover{background:linear-gradient(to bottom right, var(--site-accentYellow,#fde047), var(--site-accentAmber,#f59e0b))}.hexagon-content{text-align:center;transform:rotate(0)}.hexagon-content h3{margin-bottom:.5rem;font-size:1rem}.hexagon-content p{margin-top:.2rem;font-size:.8rem}.clip-hexagon{clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0% 50%)}