.bd-index-snippet {
	flex-basis: 100%;
	background: #fff;
	display: flex;
	justify-content: flex-start;
	padding: 0 10px var(--space-3);
}

.bd-index-snippet .price-container {
	border: 1px solid var(--dark-blue);
	padding: 0;
	width: 202px;
	height: 40px;
	text-align: center;
	padding-top: 1px;
	white-space: nowrap;
}

.bd-index-snippet .label {
	text-transform: lowercase;
	font-size: 0.75rem;
}

.bd-index-snippet .price {
	font-size: var(--text-xl);
	font-family: var(--font-display);
	font-weight: 700;
}

.bd-index-snippet .book {
	background: var(--teal);
	color: #fff;
	font-size: 14px;
	font-family: var(--font-body);
	text-transform: uppercase;
	letter-spacing: 0.07em;
	padding: 9px 12px 0;
	height: 40px;
	white-space: nowrap;
	margin-left: -1px;
}

@media (max-width: 375px) {
	.bd-index-snippet .price-container {
		width: 144px;
	}
}

@media (min-width: 40em) {
	.bd-index-snippet {
		padding: var(--space-5) 10px var(--space-3);
		flex-wrap: wrap;
		row-gap: 6px;
	}
}

@media (min-width: 64em) {
	.bd-index-snippet .book {
		height: unset;
		width: unset;
		padding: 9px 12px 10px;
	}

	.bd-index-snippet .price-container {
		height: unset;
		width: unset;
		padding: 1px 14px 7px
	}

	.bd-index-snippet {
		padding: var(--space-5) var(--space-3) var(--space-3);
		align-items: self-start;
		padding-top: var(--space-2);
	}

	.layoutjs .content.grid .bd-index-snippet {
		padding: 0;
	}

	.layoutjs .content.grid .item .bottom-actions {
		bottom: -31px;
	}
}