#button-wrapper .button-wrap{
  position: relative;
  max-width: 476px;
  margin: 0 auto;
  height: 40px;
  padding: 3px;
  border: 2px solid #44d62c;
  border-radius:8px;
}
:lang(DE),
:lang(FR),
:lang(ES) {
	#button-wrapper .button-wrap{max-width: 700px}
}
:lang(IT),
:lang(ja-JP)	 {
	#button-wrapper .button-wrap{max-width: 550px}
}
#button-wrapper .button-wrap a{
  padding: 0;
  float:left;
  font-size: 1.063rem;
  height:30px;
  width: 50%;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 30px;
  color: #fff;
	border-radius:5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s ease color;
  transition: 0.3s ease color;
  white-space:nowrap;
  text-decoration: none;
}
#button-wrapper .button-wrap a.active{
  color: #000;
	background-color: #44d62c;
}
@media (min-width: 768px) {
	#button-wrapper { margin-top: 30px; }
}
@media (max-width: 767px) {
	#button-wrapper { margin-top: 2rem; }
	#button-wrapper .button-wrap {height: auto; border: 0; border-radius: 0; padding: 0;}
	#button-wrapper .button-wrap a {display: block; float: none; width: 100%; max-width: 280px; border: 2px solid #fff; border-radius: 8px; height: 30px; line-height: 30px; font-size: 1rem; margin: 0 auto 1rem;}
	#button-wrapper .button-wrap a:last-child {margin-bottom: 0;}
	#button-wrapper .button-wrap a.active {border-color: #44d62c;}
	:lang(DE),
	:lang(FR),
	:lang(ES) {
		#button-wrapper .button-wrap a {max-width: 100%;}
	}
}
@media(max-width: 400px) {
	:lang(DE),
	:lang(FR),
	:lang(ES) {
		#button-wrapper .button-wrap a {font-size: 14px;}
	}
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}