.variant1.hexagon,.variant1.hexagon:after,.variant1.hexagon:before{background-color:#a40182;border:3px solid #a40182}.variant1.hexagon:hover{background-color:transparent;color:#a40182}.variant2.hexagon,.variant2.hexagon:after,.variant2.hexagon:before{background-color:#00e3d3;border:3px solid #00e3d3}.variant2.hexagon:hover{background-color:transparent;color:#00e3d3}.variant3.hexagon,.variant3.hexagon:after,.variant3.hexagon:before{background-color:#00d1d4;border:3px solid #00d1d4}.variant3.hexagon:hover{background-color:transparent;color:#00d1d4}.variant4.hexagon,.variant4.hexagon:after,.variant4.hexagon:before{background-color:#00a7d3;border:3px solid #00a7d3}.variant4.hexagon:hover{background-color:transparent;color:#00a7d3}.variant5.hexagon,.variant5.hexagon:after,.variant5.hexagon:before{background-color:#007fd0;border:3px solid #007fd0}.variant5.hexagon:hover{background-color:transparent;color:#007fd0}.variant6.hexagon,.variant6.hexagon:after,.variant6.hexagon:before{background-color:#0065ce;border:3px solid #0065ce}.variant6.hexagon:hover{color:#0065ce}.hexagon:hover:after,.hexagon:hover:before,.variant6.hexagon:hover{background-color:transparent}.hexagon{width:110px;height:70px;font-size:64px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;color:white;border-top:none!important;border-bottom:none!important}.hexagon:after{top:-42%;border-bottom:none!important;border-left:none!important}.hexagon:after,.hexagon:before{content:"";width:60px;height:60px;position:absolute;left:21.5%;rotate:-45deg;transform:skew(16deg,16deg);z-index:-1}.hexagon:before{bottom:-42%;border-top:none!important;border-right:none!important}@media (max-width:1280px){.hexagon{width:88px;height:56px;font-size:50px}.hexagon:after,.hexagon:before{width:48px;height:48px}}@media (max-width:768px){.hexagon{width:43px;height:28px;font-size:30px}.hexagon:after,.hexagon:before{width:22px;height:23px}}