.majestic-social-butterfly body{height:100vh;overflow:hidden;background:linear-gradient(18deg,#e37682,#a58fe9);display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;display:flex}.majestic-social-butterfly{display:flex;margin:40px;flex-flow:wrap}.majestic-social-butterfly .hexagon-wrapper{margin:auto;display:flex;text-align:initial;width:200px;height:200px;cursor:pointer}.majestic-social-butterfly .hexagon-wrapper-small{margin:auto;display:flex;text-align:initial;width:50px;height:50px;cursor:pointer}.majestic-social-butterfly .hexagon-wrapper-meduim{margin:auto;display:flex;text-align:initial;width:100px;height:100px;cursor:pointer}.majestic-social-butterfly .hexagon-wrapper-big{margin:auto;display:flex;text-align:initial;width:200px;height:200px;cursor:pointer}.majestic-social-butterfly .hexagon{position:relative;width:46%;height:80%;margin:auto;color:#fff;background:linear-gradient(-180deg,white,#fda3b2);display:flex;align-content:center;justify-content:center;transition:0.5s}.majestic-social-butterfly .hexagon a{z-index:1;margin:auto;font-size:50px;color:#fff0;background:linear-gradient(45deg,#a58fe9,#e37682);background-clip:text;-webkit-background-clip:text}.majestic-social-butterfly .hexagon:before,.majestic-social-butterfly .hexagon:after{position:absolute;content:"";background:inherit;height:100%;width:100%;border-radius:0;transition:0.5s;transform-origin:center}.majestic-social-butterfly .hexagon:before{transform:rotateZ(60deg)}.majestic-social-butterfly .hexagon:after{transform:rotateZ(-60deg)}.majestic-social-butterfly .hexagon:hover{border-radius:50px;transition:0.5s}.majestic-social-butterfly .hexagon:hover:before{border-radius:50px;transition:0.5s}.majestic-social-butterfly .hexagon:hover:after{border-radius:50px;transition:0.5s}