@include respond-between(md, lg) {
	#shop_cta {

		.content-width {
			.grid.row:first-of-type {
				
				.widget.cta {

				}
			}
			.grid.row:last-of-type {

				.widget.cta {

				}
			}
			.grid.row {

			}
			.widget.cta {
				
				.widget-filter {
					
				}
				.widget-overlay {
					
					p:first-of-type {
						
					}
					p:last-of-type {
						
					}
					span{
						
						.arrow {
							
						}
					}
				}
			}
			.widget.cta:hover {
				.widget-filter {
					
				}
			}
		}
	}
}

@include respond-between(sm, md) {
	#shop_cta {

		.content-width {
			.grid.row:first-of-type {
				
				.widget.cta {

				}
			}
			.grid.row:last-of-type {

				.widget.cta {

				}
			}
			.grid.row {

			}
			.widget.cta {
				
				.widget-filter {
					
				}
				.widget-overlay {
					
					p:first-of-type {
						
					}
					p:last-of-type {
						
					}
					span{
						
						.arrow {
							
						}
					}
				}
			}
			.widget.cta:hover {
				.widget-filter {
					
				}
			}
		}
	}
}

@include respond-between(xs, sm) {
	#shop_cta {

		.content-width {
			.grid.row:first-of-type {
				
				.widget.cta {

				}
			}
			.grid.row:last-of-type {

				.widget.cta {

				}
			}
			.grid.row {

			}
			.widget.cta {
				
				.widget-filter {
					
				}
				.widget-overlay {
					
					p:first-of-type {
						
					}
					p:last-of-type {
						
					}
					span{
						
						.arrow {
							
						}
					}
				}
			}
			.widget.cta:hover {
				.widget-filter {
					
				}
			}
		}
	}
}

@include respond-below(xs) {
	#shop_cta {
		padding: 2rem 0;
		.content-width {
			.grid.row:first-of-type {
				grid-template-columns: 1fr;
				margin-bottom: 0;
				.widget.cta {
					padding-top: 100%;
				}
			}
			.grid.row:last-of-type {
				grid-template-columns: 1fr;
				.widget.cta {

				}
			}
			.grid.row {
				margin-right: 0;
				margin-left: 0;
			}
			.widget.cta {
				padding-top: 100%;
				margin-bottom: 0.666rem;
				.widget-filter {
					
				}
				.widget-overlay {
					
					p:first-of-type {
						
					}
					p:last-of-type {
						display: none;
					}
					span{
						
						.arrow {
							
						}
					}
				}
			}
			.widget.cta:hover {
				.widget-filter {
					
				}
			}
		}
	}
}