.deep-link-notice {
	display: none;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	font-weight: bold;
	background-color: var(--mid-blue);
	color: black;
	text-decoration: none;
	padding: 0 0.8rem;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
	gap: 1rem;
}

.controller--products.util--first-visit .deep-link-notice {
	display: flex;
}

.controller--products.action--filter .deep-link-notice {
	display: none;
}

body {
	padding-bottom: 3rem;
}

.deep-link-notice button {
	border: none;
	border-radius: 0;
	background-color: var(--dark-blue);
	color: white;
	padding: 0.4rem 0.6rem;
	font-weight: bold;
}

.deep-link-notice:hover button {
	background: var(--v-dark-blue);
}

@media all and (min-width: 767px) {
	.deep-link-notice {
		position: static;
		border: 2px solid var(--dark-blue);
		border-radius: 3px;
		margin-bottom: 1rem;
	}
	
	body {
		padding-bottom: 1rem;
	}
}