.btn-framed-origin {
	box-sizing: border-box;
}

.btn-framed-border {
	position: relative;
	display: inline-block;
}

.btn-framed-border span {
	display: block;
	position: absolute;
}

/*Button Timing*/
.btn-framed-border span,
.btn-framed-border:hover span {
	transition: transform 0.5s;
}

/*Button Timing Delay*/
.btn-framed-border span:nth-child(3),
.btn-framed-border:hover span:nth-child(3),
.btn-framed-border span:nth-child(4),
.btn-framed-border:hover span:nth-child(4) {
	transition-delay: 0.5s;
}

/*Scaling X/Y-axis & width/height*/
.btn-framed-border span:nth-child(1),
.btn-framed-border span:nth-child(3) {
	width: 1px;
	height: 100%;
	transform: scaleY(0);
	transform-origin: top;
}

.btn-framed-border:hover span:nth-child(1),
.btn-framed-border:hover span:nth-child(3) {
	transform: scaleY(1);
	transform-origin: bottom;
}

.btn-framed-border span:nth-child(2),
.btn-framed-border span:nth-child(4) {
	width: 100%;
	height: 1px;
	transform: scaleX(0);
	transform-origin: right;
}

.btn-framed-border:hover span:nth-child(2),
.btn-framed-border:hover span:nth-child(4) {
	transform: scaleX(1);
	transform-origin: left;
}

/*Location*/
.btn-framed-border span:nth-child(1),
.btn-framed-border span:nth-child(2)  {
	left: 0;
	bottom: 0;
}

.btn-framed-border span:nth-child(3) {
	right: 0;
	bottom: 0;
}

.btn-framed-border span:nth-child(4) {
	left: 0;
	top: 0;
}