.hexButton {
  position: absolute;
  top: 98vh;
  left: 50%;
  transform: translateX(-100px) translateY(-115.4700538379px);
  transition: all 0.4s ease-in-out;
  width: 200px;
  height: 115.4700538379px;
  background: #042f96;
  margin: 57.735026919px 0;
  border-left: solid 5px #09acff;
  border-right: solid 5px #09acff;
}
.hexButton:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.4213562px;
  height: 141.4213562px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 24.983885643px;
  top: -70.7106781px;
  border-top: solid 7.07106781px #09acff;
  border-right: solid 7.07106781px #09acff;
}
.hexButton:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.4213562px;
  height: 141.4213562px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 24.983885643px;
  bottom: -70.7106781px;
  border-bottom: solid 7.07106781px #09acff;
  border-left: solid 7.07106781px #09acff;
}
.hexButton:hover {
  transform: translateX(-100px) translateY(-115.4700538379px) scale(1.2);
}

.label {
  position: relative;
  margin: auto;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 40px;
  z-index: 5;
}

/*# sourceMappingURL=hexagonButton.css.map */