.sr-button {
	display: inline-block;
	padding: var(--space-3) var(--space-5);
	border: 1px solid transparent;
	border-radius: var(--border-radius);
	font: inherit;
	font-weight: var(--font-weight-medium);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.sr-button--primary {
	background-color: var(--primary-color);
	color: #ffffff;
}

.sr-button--primary:hover {
	background-color: var(--primary-color-dark);
	color: #ffffff;
}

.sr-button--secondary {
	border-color: var(--border-color);
	background-color: transparent;
	color: var(--text-color);
}

.sr-button--secondary:hover {
	border-color: var(--text-color);
	color: var(--text-color);
}

/* Layout for multiple retailer buttons */
.sr-product__retailer-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin: var(--space-3) 0 var(--space-4);
}

/* Affiliate disclosure */
.sr-product__disclosure {
	font-size: 0.85rem;
	color: var(--text-color);
	opacity: 0.8;
}


/* Keep button text readable in every link state */

/* Keep retailer button text white in every link state */
.sr-button--primary:visited,
.sr-product__retailer-buttons a.sr-button,
.sr-product__retailer-buttons a.sr-button:link,
.sr-product__retailer-buttons a.sr-button:visited,
.sr-product__retailer-buttons a.sr-button:hover,
.sr-product__retailer-buttons a.sr-button:focus,
.sr-product__retailer-buttons a.sr-button:active {
	color: #ffffff !important;
	text-decoration: none;
}
