.btn{
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 270px;
	height: 55px;
	color: #333;
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
}

@media screen and (min-width: 500px) {
	.btn a {
		width: 340px;
	}
}

.btn a:hover {
	color: #f2f2f2;
}

.btn07 a {
	background-color: #bbf;
	border: 1px solid transparent;
	border-radius: 35px;
}

.btn07 a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 50%;
}

.btn07 a::after {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	right: 27px;
	transform: rotate(45deg) translateY(-50%);
	width: 6px;
	height: 6px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #333 #333 transparent transparent;
}

.btn07 a:hover {
	background-color: #55f;
	border: 1px solid #333;
}

.btn07 a:hover::before {
	border: 1px solid #f2f2f2;
}

.btn07 a:hover::after {
	border-color: #f2f2f2 #f2f2f2 transparent transparent;
}

.btn07-cansel a{
	background-color: #fbb;
}

.btn07-cansel a:hover {
	background-color: #f55;
}

.button-normal a {
  font-size: 0.9rem;
  letter-spacing: 0.1em;
  color: #fff;
  background: #333;
  border: solid 3px #333;
  display: block;
  box-sizing: border-box;
  max-width: 300px;
  text-align: center; 
  padding: 16px 64px;
  margin: 24px;
  margin-inline: auto;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}

.button-normal a:hover {
  color: #333;
  background: initial;
  transition: all 0.3s;
  font-weight: 700;
}