html, body {
  background: #000000;
  margin-top: 100px;
  margin: 0;
  padding: 0;
}

svg {
  background: #000000;
  background: -webkit-linear-gradient(60deg, #232526, #414345);
  background: linear-gradient(60deg, #232526, #414345);

} 
.icon {
	background: url(https://s3.amazonaws.com/cloud.schuelertec.com.br/images/CLOUD_KEY-03.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
	transform: translate3d(-50%, -50%, 0) rotate(90deg);
  }

  .button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(30deg);
  }
  
  /* End of container */
  
  .button {
	cursor: pointer;
    width: 400px;
	  
    height: 346.4101615138px;
    float: left;
  }
  .button:last-child {
    margin-right: 0;
  }
  .button:hover .hex:last-child {
    opacity: 1;
    transform: scale(1.3);
  }
  .button:hover .hex:first-child {
    opacity: 1;
    transform: scale(1.2);
  }
  .button:hover .hex:first-child div:before, .button:hover .hex:first-child div:after {
    height: 15px;
  }
  
  .hex {
    position: absolute;
    top: 0;
    left: 100px;
    width: 200px;
    height: 346.4101615138px;
    opacity: 0.5;
  }
  .hex:first-child {
    transform: scale(0.9);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 0;
  }
  .hex:last-child {
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 1;
  }
  .hex div {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    width: 200px;
    height: 346.4101615138px;
    transform-origin: center center;
  }
  .hex div:before, .hex div:after {
    content: " ";
    position: absolute;
    background: lime;
    width: 100%;
    height: 1px;
    transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .hex div:before {
    top: 0;
  }
  .hex div:after {
    bottom: 0;
  }
  .hex div:nth-child(1) {
    transform: rotate(0deg);
  }
  .hex div:nth-child(2) {
    transform: rotate(60deg);
  }
  .hex div:nth-child(3) {
    transform: rotate(120deg);
  }