/*
.button-toggle

Markup: <a class="button-toggle button" href="#id">Open</a>

Styleguide: 3.button-toggle
*/

.button-toggle {
	padding-right: 1.875rem;
}

.button-toggle::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0.75rem;
	width: 0.5625rem;
	height: 0.5625rem;
	border-right: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
	transform: translate3d(-20%,-50%,0) rotate(-45deg);
	transition: transform 0.2s linear;
}

.button-toggle.on::after {
	transform: translate3d(0,-70.7%,0) rotate(45deg);
}