.ccbanner-content a,
.ccprefs a,
.ccprefs-close {
	color: #000;
}

.ccbanner-actions {
	flex: 0 0 auto;
}

.ccbanner-actions ul {
	gap: 15px;
}

.ccbanner-button--accept {
	order: 1;
}

.ccbanner-button--reject {
	order: 2;
}

.ccbanner-button--accept a,
.ccbanner-button--reject a {
	display: inline-block;
	padding: 10px 15px;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	border: solid 1px #000;
	color: #fff;
}

.ccbanner-button--accept a:hover,
.ccbanner-button--reject a:hover,
.ccbanner-button--accept a:focus-visible,
.ccbanner-button--reject a:focus-visible {
	background-color: #333;
	border-color: #333;
	color: #fff;
}

@media (max-width: 767px) {
	.ccbanner-actions {
		width: 100%;
	}

	.ccbanner-actions ul {
		width: 100%;
		flex-direction: column;
		align-items: stretch;
	}

	.ccbanner-actions li {
		width: 100%;
		margin: 0;
	}

	.ccbanner-button--accept a,
	.ccbanner-button--reject a {
		display: block;
		width: 100%;
		white-space: normal;
	}
}

.ccprefs-button--accept a,
.ccprefs-button--accept a:hover,
.ccprefs-button--accept a:focus-visible {
	color: #fff;
}

.ccprefs-select input[type="checkbox"]::before {
	line-height: 12px;
	text-align: center;
}