button {
	color: #fff;
	font-size: 1.2rem;
	background: transparent;
	background-color:rgba(0,0,0,0.7);
	border-width: 2px;
	border-style: solid;
/* 	border-color: #454545; */
	border-color: #fff;
	position: relative;
	display: inline-block;
	padding: 10px 50px;
	transition: all 0.3s ease-in-out;
	text-align: center;
	font-family: comfortaa;
/* 	font-weight: bold */
}

button:before, button:after {
	content: '';
	display: block;
	position: absolute;
/* 	border-color: #454545; */
	border-color: #fff;
	box-sizing: border-box;
	border-style: solid;
	width: 1em;
	height: 1em;
	transition: all 0.3s ease-in-out
}

button:before {
	top: -6px;
	left: -6px;
	border-width: 2px 0 0 2px;
	z-index: 5;
}

button:after {
	bottom: -6px;
	right: -6px;
	border-width: 0 2px 2px 0;
}

button:hover:before, button:hover:after {
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	border-color: #fff
}

button:hover {
	color: #353535;
	background-color: #fff;
	border-color: #fff
}

.panel {
	max-width: 960px;
	text-align: center;
	position: relative;
}


.btn-area button {
	border-color: #FFD700;
	background-color: #FFD700;
/* 	font-weight: bold; */
/* 	color: #000000; */
/* 	background-color: #FFFFFF; */
}

.btn-area button:before, .btn-area button:after {
	border-color: #FFD700;
}

.btn-area button:hover:before, .btn-area button:hover:after {
	border-color: #FFD700;
}

.btn-area button:hover {
	border-color: #FFD700;
	color: #FFFFFF;
}