.hexagon{background-color:#fff;box-shadow:.35rem .75rem 1.8rem -0.2rem rgba(0,0,0,0.2);display:flex;height:32.33px;justify-content:center;margin:16.17px 0 21.71px 0;position:relative;width:56px}.hexagon::before,.hexagon::after{border-left:28px solid transparent;border-right:28px solid transparent;content:'';position:absolute;width:0}.hexagon::before{border-bottom:16.17px solid #fff;bottom:100%;left:0}.hexagon::after{border-top:16.17px solid #fff;left:0;top:100%;width:0}.hexagon--no-shadow{box-shadow:none}.hexagon--small{height:13.86px;margin:6.93px 0;width:24px}.hexagon--small::before,.hexagon--small::after{border-left:12px solid transparent;border-right:12px solid transparent}.hexagon--small::before{border-bottom:6.93px solid #fff}.hexagon--small::after{border-top:6.93px solid #fff}.hexagon--green{background-color:#e9ffe6}.hexagon--green::before{border-bottom-color:#e9ffe6}.hexagon--green::after{border-top-color:#e9ffe6}.hexagon--blue{background-color:#e6f6ff}.hexagon--blue::before{border-bottom-color:#e6f6ff}.hexagon--blue::after{border-top-color:#e6f6ff}.hexagon--orange{background-color:#fff8e6}.hexagon--orange::before{border-bottom-color:#fff8e6}.hexagon--orange::after{border-top-color:#fff8e6}.hexagon--red{background-color:#feecf2}.hexagon--red::before{border-bottom-color:#feecf2}.hexagon--red::after{border-top-color:#feecf2}.hexagon--yellow{background-color:#f7f7ba}.hexagon--yellow::before{border-bottom-color:#f7f7ba}.hexagon--yellow::after{border-top-color:#f7f7ba}.hexagon--purple{background-color:#f9e1f6}.hexagon--purple::before{border-bottom-color:#f9e1f6}.hexagon--purple::after{border-top-color:#f9e1f6}