//
// Template controls
//------------------

.template-controls {
	display: flex;
	align-items: center;
	
	a {
		display: inline-block;
		color: $gray-500;
		
		&:not(:last-child) {
			margin-right: 5px;
		}
		
		&:hover {
			color: $primary;
		}
	}
	
	.template-export {
		background-color: $primary;
		border-radius: 50%;
		color: $white;
		width: 26px;
		height: 26px;
		text-align: center;
		box-sizing: border-box;
		
		&:hover {
			background-color: transparent;
			border: 1px solid $primary;
		}
		
		i {
			display: inline-block;
			padding-top: 5px;
		}
	}
	
}