.com_home_buttons .button { 
  position: absolute; overflow: hidden; display: block; left: 0; right: 0; margin-left: auto; margin-right: auto; border-radius: 50%; 
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.com_home_buttons .button img { vertical-align: middle; border-radius: 50%; }
.com_home_buttons .button .title { 
  position: absolute; left: 0; width: 100%;  
  font-weight: bold; text-align: center; color: #fff; background-color: rgba(85, 171, 38, 0.75); 
}


.com_home_buttons .button:nth-child(1) { top: 265px; width: 502px; height: 502px; }
.com_home_buttons .button:nth-child(1) .title { top: 0; height: 70px; padding-top: 60px; font-size: 30px; text-transform: uppercase; }

.com_home_buttons .button:nth-child(n+2) { top: 50px; width: 199px; height: 199px; }
.com_home_buttons .button:nth-child(n+2) .title { bottom: 0; width: 139px; height: 60px; padding: 10px 30px 0 30px; font-size: 18px; }

.com_home_buttons .button:nth-child(2) { top: 215px; transform: translateX(-310px); }
.com_home_buttons .button:nth-child(3) { top: 417px; transform: translateX(-365px); }
.com_home_buttons .button:nth-child(4) { top: 619px; transform: translateX(-310px); }

.com_home_buttons .button:nth-child(5) { top: 215px; transform: translateX(310px); }
.com_home_buttons .button:nth-child(6) { top: 417px; transform: translateX(365px); }
.com_home_buttons .button:nth-child(7) { top: 619px; transform: translateX(310px); }



.com_home_buttons .button:nth-child(1)>div::after {
  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;	opacity: 0;
  background: -webkit-linear-gradient(top, rgba(85, 171, 38, 0) 0%, rgba(85, 171, 38, 1) 75%);
  background: linear-gradient(to bottom, rgba(85, 171, 38, 0) 0%, rgba(85, 171, 38, 1) 75%);
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  transition: opacity 0.5s, transform 0.5s;
}
.com_home_buttons .button:nth-child(1):hover>div::after {
  opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
.com_home_buttons .button:nth-child(1) .title { transition: 0.5s; }
.com_home_buttons .button:hover:nth-child(1) .title { padding-top: 70px; }
.com_home_buttons .button:nth-child(1) .desc {
  position: absolute; opacity: 0; top: 200px; padding: 50px 80px 0 80px; text-align: center; color: #fff; z-index: 1; 
  transition: 0.5s; transition-delay: 0.2s;
}
.com_home_buttons .button:nth-child(1) .desc>div { color: #fff; }
.com_home_buttons .button:hover:nth-child(1) .desc { top: 150px; opacity: 1; }



.com_home_buttons .button:nth-child(n+2)>div::before {
  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;	opacity: 0;
  background: -webkit-linear-gradient(top, rgba(85, 171, 38, 0) 0%, rgba(85, 171, 38, 1) 75%);
  background: linear-gradient(to bottom, rgba(85, 171, 38, 0) 0%, rgba(85, 171, 38, 1) 75%);
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  transition: opacity 0.5s, transform 0.5s;
}
.com_home_buttons .button:nth-child(n+2):hover>div::before {
  opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}


.com_home_buttons .button:nth-child(n+2) .title { transition: 0.5s; }
.com_home_buttons .button:hover:nth-child(n+2) .title { height: 70px; }
