a.shop-by-department {
	color: $font-white;
	font-size: 21px;
	position: relative;
	
	img {
		@include border-radius(8px);
		width: 100%;
	}

	span {
		display: block;
	    background: $bg-primary;
	    position: relative;
	    width: 100%;
	    padding: 20px 0px;
    	bottom: 52px;
		@include transition-background(.3s);
		
		@media (min-width: $screen-md) {
		    padding: 12px 0px;
		    bottom: 45px;
		}
	    
	    margin-bottom: -30px;
	    text-align: center;
	    @include border-radius(0 0 8px 8px);
	}

	&:hover {
		text-decoration: none;

		span {
			background: $bg-primary-dark;
		}
	}
}