.shrink_border {
	text-transform: uppercase;
	position: relative;
	border: none;
	transition: color 0.5s, transform 0.2s, background-color 0.2s;
	outline: none;
	border-radius: 3px;
	padding: 2rem 3rem;
	border: 3px solid #1b1b20;
	background-color: transparent;
	color: #1b1b20;
	cursor: pointer;
}
shrink_border:active {
	transform: translateY(3px);
}
shrink_border::after {
	border-radius: 3px;
}
.shrink_border:hover {
	background-color: transparent;
	box-shadow: none;
	color: skyblue;
}
.shrink_border::after {
	content: "";
	position: absolute;
	top: -3px;
	left: -3px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 3px solid skyblue;
	opacity: 0;
	transform: scaleX(1.1) scaleY(1.3);
	transition: transform 0.3s, opacity 0.3s;
}
.shrink_border:hover::after {
	opacity: 1;
	transform: scaleX(1) scaleY(1);
}