@import "variables";

%box {
	border-radius: .6em;
	box-shadow: .05em .05em .2em rgba(0, 0, 0, .1);
	overflow: hidden;
	border: none;
	background-color: white;
}
%clickable {
	cursor: pointer;
	transition: background-color 250ms ease-out;

	&:hover,
	&:focus {
		background-color: $color-hover-cd;
		outline: none;
	}
}

@mixin mobile {
	@media screen and (max-width: 960px) {
		@content;
	}
}