@charset "utf-8";

.btn {
	display: inline-block;
	min-width: 40px;
	cursor: pointer;
	box-sizing: border-box;
	line-height: 26px;
	text-align: center;
}
.btn-h40 {
	height: 40px;
	box-sizing: border-box;
	line-height: 38px;
}
.btn-round {
	border-radius: 40px;
}
.btn-primary {
	border: 1px solid #009e96;
	background: #009e96;
	color: #ffffff;
}
.btn-primary-outline {
	border: 1px solid #009e96;
	background: #ffffff;
	color: #009e96;
}
.btn-gray {
	border: 1px solid #a4a8ab;
	background: #a4a8ab;
	color: #ffffff;
}
.btn-gray-outline {
	border: 1px solid #a4a8ab;
	background: #ffffff;
	color: #a4a8ab;
}
.btn-blue {
	border: 1px solid #00bbea;
	background: #00bbea;
	color: #ffffff !important;
}
.btn-blue-outline {
	border: 1px solid #00bbea;
	background: #ffffff;
	color: #00bbea !important;
}
.btn-yellow {
	border: 1px solid #ffd446;
	background: #ffd446;
	color: #ffffff !important;
}
.btn-yellow-outline {
	border: 1px solid #ffd446;
	background: #ffffff;
	color: #ffd446 !important;
}
.btn-red {
	border: 1px solid #ff6b87;
	background: #ff6b87;
	color: #ffffff !important;
}
.btn-red-outline {
	border: 1px solid #ff6b87;
	background: #ffffff;
	color: #ff6b87 !important;
}
.btn-purple {
	border: 1px solid #9348ff;
	background: #9348ff;
	color: #ffffff !important;
}
.btn-purple-outline {
	border: 1px solid #9348ff;
	background: #ffffff;
	color: #9348ff !important;
}