.hexagon-wrapper{text-align:initial;width:180px;height:180px}.hexagon,.hexagon-wrapper{border-radius:5px;margin:auto;display:flex}.hexagon{position:relative;width:46%;height:80%;background:linear-gradient(-180deg,#855fbe,#5b1887bd);align-content:center;justify-content:center;transition:.3s}.hexagon>button{border-radius:5px;z-index:1;margin:0 auto;color:#fff5ee}.hexagon:after,.hexagon:before{border-radius:5px;position:absolute;content:"";background:inherit;height:100%;width:100%;transition:.3s;transform-origin:center}.hexagon:before{transform:rotate(59deg)}.hexagon:after{transform:rotate(-59deg)}.hexagon-sm-wrapper{text-align:initial;width:128px;height:128px}.hexagon-sm,.hexagon-sm-wrapper{border-radius:5px;margin:auto;display:flex}.hexagon-sm{position:relative;width:55%;height:90%;background:linear-gradient(-180deg,#855fbe,#5b1887bd);align-content:center;justify-content:center;transition:.3s}.hexagon-sm>button{width:100%;height:auto;border:none;z-index:1;margin:0 auto;color:#fff5ee}.hexagon-sm:after,.hexagon-sm:before{border-radius:5px;position:absolute;content:"";background:inherit;height:100%;width:100%;transition:.3s;transform-origin:center}.hexagon-sm:before{transform:rotate(60deg)}.hexagon-sm:after{transform:rotate(-60deg)}