/*---------------------------------------------------------------------------*\
	#To-Top
\*---------------------------------------------------------------------------*/

.to-top_container {
	background-color: var( --wp--preset--color--ir-primary-green );
	background-image: linear-gradient( 35deg, var( --wp--preset--color--ir-darker-primary-green ) 0%, var( --wp--preset--color--ir-primary-green ) 50%, var( --wp--preset--color--ir-brighter-primary-green ) 100% );
	background-position: 0 0;
	background-size: 200% 100%;
	color: #fff;
	border-color: var( --wp--preset--color--ir-brighter-primary-green );
	border-radius: .5rem;
	box-shadow: 0 .1rem .2rem rgba( 0, 0, 0, .2 );
	transition: background .25s;
}

	.to-top:where( :focus, :hover, :active ) :where( .to-top_container ) {
		background-position: 100% 0;
	}