:root {
	--green: #69b938;
	--grey30: #b3b3b3;
	--grey70: #4d4d4d;
}

/* Theme buttons */
.theme-btn-primary {
	background-color: var(--kvk-primary-color) !important;
	border: 2px solid var(--kvk-primary-color) !important;
	box-shadow: 0 2px 0 var(--kvk-primary-highlight-color) !important;
	color: var(--kvk-primary-button-text-color) !important;
}

.theme-btn-secondary {
	background-color: var(--kvk-secondary-color) !important;
	border: 2px solid var(--kvk-secondary-color) !important;
	box-shadow: 0 2px 0 var(--kvk-secondary-highlight-color) !important;
	color: var(--kvk-secondary-button-text-color) !important;
}

.theme-btn-success {
	background-color: var(--kvk-success-color) !important;
	border: 2px solid var(--kvk-success-color) !important;
	box-shadow: 0 2px 0 var(--kvk-success-highlight-color) !important;
	color: var(--kvk-success-button-text-color) !important;
}

.theme-btn-primary:hover {
	background-color: var(--kvk-primary-hover-color) !important;
	border: 2px solid var(--kvk-primary-hover-color) !important;
	box-shadow: 0 2px 0 var(--kvk-primary-highlight-color) !important;
	color: var(--kvk-primary-button-text-hover-color) !important;
}

.theme-btn-secondary:hover {
	background-color: var(--kvk-secondary-hover-color) !important;
	border: 2px solid var(--kvk-secondary-hover-color) !important;
	box-shadow: 0 2px 0 var(--kvk-secondary-highlight-color) !important;
	color: var(--kvk-secondary-button-text-hover-color) !important;
}

.theme-btn-success:hover {
	background-color: var(--kvk-success-hover-color) !important;
	border: 2px solid var(--kvk-success-hover-color) !important;
	box-shadow: 0 2px 0 var(--kvk-success-hover-color) !important;
	color: var(--kvk-success-button-text-hover-color) !important;
}

.theme-btn-primary-outline {
	color: var(--kvk-primary-color) !important;
	border: none !important;
}

.theme-btn-primary-outline-search {
	color: var(--kvk-primary-color) !important;
	border: 2px solid var(--kvk-primary-color) !important;
}

@media only screen and (min-width: 768px) {
	.theme-btn-primary-outline {
		border: 2px solid var(--kvk-primary-color) !important;
	}
}

.theme-btn-secondary-outline {
	color: var(--kvk-secondary-color) !important;
	border: 2px solid var(--kvk-secondary-color) !important;
}

.theme-btn-success-outline {
	color: var(--kvk-success-color) !important;
	border: 2px solid var(--kvk-success-color) !important;
}

.theme-btn-primary-outline:hover {
	color: var(--kvk-primary-color) !important;
	border: none !important;
}

.theme-btn-primary-outline-search:hover {
	color: var(--kvk-primary-color) !important;
	border: 2px solid var(--kvk-primary-color) !important;
}

@media only screen and (min-width: 768px) {
	.theme-btn-primary-outline:hover {
		color: var(--kvk-primary-hover-color) !important;
		border: 2px solid var(--kvk-primary-color) !important;
	}
}

.theme-btn-secondary-outline:hover {
	color: var(--kvk-secondary-highlight-color) !important;
	border: 2px solid var(--kvk-secondary-highlight-color) !important;
}

.theme-btn-success-outline:hover {
	color: var(--kvk-success-hover-color) !important;
	border: 2px solid var(--kvk-success-color) !important;
}

/* Theme Background Color Override */
.theme-primary-color {
	background: var(--kvk-primary-color) !important;
}

.theme-secondary-color {
	background: var(--kvk-secondary-color) !important;
}

.theme-success-color {
	background: var(--kvk-success-color) !important;
}

/* Theme Text Color Override */
.theme-primary-text-color {
	color: var(--kvk-primary-color) !important;
}

.theme-secondary-text-color {
	color: var(--kvk-secondary-color) !important;
}

.theme-success-text-color {
	color: var(--kvk-success-color) !important;
}

/* General Styles */
a,
.mynovi-data-table tbody th {
	color: var(--kvk-primary-color);
}

.mynovi-data-table th,
.mynovi-data-table td {
	border-bottom-color: #eaeaea;
}

@media screen and (max-width: 767px) {
	.mynovi-data-table.mynovi-data-table--pending tr {
		border-bottom-color: #eaeaea;
	}

	.mynovi-data-table.mynovi-data-table--pending tr.mynovi-data-table__loading + tr,
	.mynovi-data-table.mynovi-data-table--pending tr:first-child {
		border-top-color: #eaeaea;
	}

	.mynovi-data-table.mynovi-data-table--pending .mynovi-data-table_datelocation h4,
	.mynovi-data-table.mynovi-data-table--pending .mynovi-data-table_datelocation p {
		color: var(--kvk-primary-color);
	}

	.mynovi-data-table.mynovi-data-table--pricelists tr,
	.homepage-pricelists .mynovi-data-table tr,
	.homepage-pending-orders .mynovi-data-table tr,
	.mynovi-data-table.mynovi-data-table--history tr {
		border-bottom-color: #eaeaea;
	}

	.mynovi-data-table.mynovi-data-table--pricelists tr.mynovi-data-table__loading + tr,
	.homepage-pricelists .mynovi-data-table tr.mynovi-data-table__loading + tr,
	.homepage-pending-orders .mynovi-data-table tr.mynovi-data-table__loading + tr,
	.mynovi-data-table.mynovi-data-table--history tr.mynovi-data-table__loading + tr,
	.mynovi-data-table.mynovi-data-table--pricelists tr:first-child,
	.homepage-pricelists .mynovi-data-table tr:first-child,
	.homepage-pending-orders .mynovi-data-table tr:first-child,
	.mynovi-data-table.mynovi-data-table--history tr:first-child {
		border-top-color: #eaeaea;
	}

	.mynovi-data-table.mynovi-data-table--pricelists .mynovi-data-table_datelocation h4,
	.homepage-pricelists .mynovi-data-table .mynovi-data-table_datelocation h4,
	.homepage-pending-orders .mynovi-data-table .mynovi-data-table_datelocation h4,
	.mynovi-data-table.mynovi-data-table--history .mynovi-data-table_datelocation h4,
	.mynovi-data-table.mynovi-data-table--pricelists .mynovi-data-table_datelocation p,
	.homepage-pricelists .mynovi-data-table .mynovi-data-table_datelocation p,
	.homepage-pending-orders .mynovi-data-table .mynovi-data-table_datelocation p,
	.mynovi-data-table.mynovi-data-table--history .mynovi-data-table_datelocation p {
		color: var(--kvk-primary-color);
	}

	.mynovi-data-table.mynovi-data-table--pricelists .mynovi-data-table_name-and-availability h4,
	.homepage-pricelists .mynovi-data-table .mynovi-data-table_name-and-availability h4,
	.homepage-pending-orders .mynovi-data-table .mynovi-data-table_name-and-availability h4,
	.mynovi-data-table.mynovi-data-table--history .mynovi-data-table_name-and-availability h4 {
		color: var(--kvk-primary-color);
	}

	.mynovi-data-table.mynovi-data-table--pricelists .mynovi-data-table_name-and-availability p,
	.homepage-pricelists .mynovi-data-table .mynovi-data-table_name-and-availability p,
	.homepage-pending-orders .mynovi-data-table .mynovi-data-table_name-and-availability p,
	.mynovi-data-table.mynovi-data-table--history .mynovi-data-table_name-and-availability p {
		color: #333333;
	}
}

/* Mynovi */
.select-checkout-method h3 svg {
	color: var(--kvk-primary-color);
}

.select-checkout-method h3 .tag {
	background: var(--green);
	color: #ffffff;
}

.select-checkout-method li .icon-check {
	color: var(--green);
}

.shoppingcart-confirmation-message .icon-check-wrapper-rounded {
	background: var(--green);
}

.shoppingcart-confirmation-message .icon-check-wrapper-rounded .icon-check {
	color: #ffffff;
}

/* Header / Navigation */
.header a:not(.button) {
	color: var(--kvk-primary-color);
}

.header-nav a {
	color: var(--kvk-primary-color);
}

.header-nav a span:after {
	background: var(--kvk-primary-color);
}

@media only screen and (max-width: 767px) {
	.header-nav ul {
		background: #ffffff;
	}

	.header-nav li:first-child {
		border-top-color: var(--kvk-primary-color);
	}

	.header-nav li.mobile-lang:before {
		background: #eaeaea;
	}
}

.header-user {
	color: var(--kvk-primary-color);
}

.header .header-user.header-user--mynovi {
	background: var(--kvk-primary-hover-color);
	border-color: var(--kvk-primary-hover-color);
	color: #ffffff !important;
}

@media only screen and (min-width: 768px) {
	.header .header-user {
		border-color: var(--kvk-primary-color);
	}

	.header-user.header-user--mynovi svg {
		color: #ffffff;
	}
}

@media only screen and (max-width: 768px) {
	.header .header-user.header-user--mynovi {
		color: var(--kvk-primary-color) !important;
	}
	.header .header-user.header-user--mynovi svg {
		color: var(--kvk-primary-color);
	}
}

.header-tabs li {
	color: #ffffff;
	background: var(--kvk-navigation-tab-color);
}

.header-tabs li a:not(.button) {
	color: #ffffff;
}

.header-tabs li:hover {
	background: var(--kvk-navigation-tab-hover-color);
}

.header-tabs li.active {
	background: var(--kvk-navigation-tab-active-color);
}

.header-tabs li.active a {
	color: var(--kvk-primary-color);
}

.header-tabs li.active:hover {
	background: var(--kvk-navigation-tab-active-color);
}

.header-tabs--select select {
	background: #ffffff;
	border-color: #ffffff;
	color: var(--kvk-primary-color);
}

.header-tabs--select select:active,
.header-tabs--select select:focus {
	color: var(--kvk-primary-color);
	border-color: #cccccc;
}

.header-orderswitcher {
	background: #ffffff;
}

.header-orderswitcher .custom-select {
	background: #ffffff;
	color: var(--kvk-primary-color);
}

.header-orderswitcher .custom-select:after {
	color: var(--kvk-primary-color);
}

.header-orderswitcher .custom-select select,
.header-orderswitcher .custom-select select:focus {
	border-color: #ffffff;
	color: var(--kvk-primary-color);
}

.header-orderswitcher_count {
	color: var(--kvk-primary-color);
}

.header-language button,
.header-language label {
	color: #333333;
	border-color: #cccccc;
}

.header-lang__select-overlay {
	background: #ffffff;
}

.header-hamburger {
	@media only screen and (max-width: 767px) {
		color: var(--kvk-primary-color);
	}
}

.header-hamburger-icon span,
.header-hamburger-icon:after,
.header-hamburger-icon:before {
	color: var(--kvk-primary-color);
	background: var(--kvk-primary-color);
}

.header-logo {
	img {
		color: var(--kvk-primary-color);
	}
}

.header-shopping-info {
	background: var(--kvk-primary-color);
	color: #ffffff;
}

/* Login */
.login-block {
	@media screen and (min-width: 768px) {
		border-color: #eaeaea;
	}

	@media screen and (max-width: 767px) {
		border-bottom-color: #eaeaea;
	}
}

.form-show-password {
	color: #919191;
}

.form-show-password:focus,
.form-show-password:hover {
	color: var(--kvk-primary-color);
}

/* Footer */
.kvk-footer {
	background: var(--kvk-secondary-color);
}

.kvk-footer .footer-disclaimer-menu {
	background: var(--kvk-primary-color);
}

.kvk-footer .footer-disclaimer-menu p {
	color: #ffffff;
}

.footer {
	background: var(--grey70);
}

.footer {
	background: var(--grey70);
}

.footer h2 {
	color: #ffffff;
}

.footer-disclaimer-menu {
	background: var(--grey30);
	color: #333333;
}

/* Pagination */
.cms-pagination li,
.ng2-pagination.ng2-pagination.ng2-pagination.ng2-pagination li {
	color: var(--kvk-primary-color);
	background: #ffffff;
}

.cms-pagination li.pagination-next a,
.ng2-pagination.ng2-pagination.ng2-pagination.ng2-pagination li.pagination-next a,
.cms-pagination li.pagination-previous a,
.ng2-pagination.ng2-pagination.ng2-pagination.ng2-pagination li.pagination-previous a {
	border-color: var(--kvk-primary-hover-color);
}

.pagenumber-input-container input[type="number"].ng-touched:not(:focus) {
	border-color: #cccccc;
}

.pagenumber-input-container input[type="number"]:focus {
	border-color: var(--kvk-primary-color);
}

.pagenumber-input-container button {
	color: #919191;
}

.pagenumber-input-container button:focus,
.pagenumber-input-container button:hover {
	color: var(--kvk-primary-color);
}

.cms-pagination li.current,
.ng2-pagination.ng2-pagination.ng2-pagination.ng2-pagination li.current {
	background: var(--kvk-info-color);
}

/* Form Inputs and checkbox/radio elements */
.checkbox-icon.checked,
input:checked + label .checkbox-icon,
input:checked ~ .checkbox-icon,
label .checkbox-icon.checked {
	color: var(--kvk-success-color);
}

.checkbox-icon.checked:before,
input:checked + label .checkbox-icon:before,
input:checked ~ .checkbox-icon:before,
label .checkbox-icon.checked:before {
	background: var(--kvk-success-color);
}

input[type=date]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
.search-input-container input[type=text]:focus,
.search-input-container input[type=search]:focus,
.filter-bar-part--order-history div.datepicker input:focus,
textarea:focus {
	border-color: var(--kvk-primary-color) !important;
}

.search-input-container input[type=text].ng-touched:not(:focus),
.search-input-container input[type=search].ng-touched:not(:focus) {
	border-color: #cccccc;
}

.search-input-container button {
	color: #919191;
}

.search-input-container button:focus,
.search-input-container button:hover {
	color: var(--kvk-primary-color);
}

.custom-select select:focus {
	border-color: var(--kvk-primary-color);
}

.custom-ng-select .ng-dropdown-panel .ng-option-marked {
	background-color: var(--kvk-primary-color) !important;
}

.custom-ng-select .ng-dropdown-panel .ng-option-selected {
	background-color: var(--kvk-navigation-tab-hover-color) !important;
}

/* Loading spinner */
.loading-overlay:before {
	border-top-color: var(--kvk-secondary-color);
}

/* Remove button with countdown spinner */
td.order-overview-table_delete button:hover,
.header-shoppingcart_delete button:hover {
	color: var(--kvk-secondary-color) !important;
}

svg.delete-timer .delete-timer-bar {
	stroke: var(--kvk-secondary-hover-color) !important;
}

/* Alerts and Notices */
.system-dialog {
	color: var(--kvk-primary-color);
	background: #ece8ed;
}

.system-dialog--warning {
	color: var(--kvk-primary-color);
	background: #ece8ed;
}

.system-dialog--info {
	color: var(--kvk-primary-color);
	background: var(--kvk-info-color);
}

.system-dialog--confirmation {
	color: var(--kvk-success-color);
	background: #e4fcdc;
}

.system-dialog--error {
	color: #c40018;
	background: #f9e5e7;
}

/* OverviewGrid */
.overview-grid .product-label__icon {
	background: #ffffff;
}

.overview-product .discount-tag {
	color: #ffffff;
	background: var(--green);
}

@media screen and (min-width: 768px) {
	.overview-grid .overview-product {
		border-color: #eaeaea;
	}

	.overview-product_image img:before {
		background: #f2f2f2;
		color: var(--kvk-primary-color);
	}

	.overview-product_title {
		color: var(--kvk-primary-color);
	}

	.overview-product_subtitle {
		color: #333333;
	}

	.overview-product_size {
		color: #919191;
	}

	.overview-list .overview-product {
		border-top-color: #eaeaea;
	}

	.overview-list .overview-product_title,
	.overview-list .overview-product_title a {
		color: #333333;
	}

	.overview-list .overview-product_title .overview-product_subtitle,
	.overview-list .overview-product_size {
		color: #919191;
	}

	.overview-list .overview-product_size svg.icon-potheight,
	.overview-list .overview-product_size svg.icon-potsize {
		color: #9a9a9a;
		fill: #9a9a9a;
	}

	.overview-list .overview-product_message {
		color: #000000;
	}
}

.original-price {
	color: #919191;
}

@media screen and (max-width: 767px) {
	.overview-product {
		border-top-color: #eaeaea;
	}

	.overview-product:last-child {
		border-bottom-color: #eaeaea;
	}

	.cms-article .overview-product_title,
	.overview-product_title,
	.cms-article .overview-product_title a,
	.overview-product_title a {
		color: #333333;
	}

	.cms-article .overview-product_title .overview-product_subtitle,
	.overview-product_title .overview-product_subtitle,
	.overview-product_size {
		color: #919191;
	}

	.overview-product_size svg.icon-potheight,
	.overview-product_size svg.icon-potsize {
		color: #9a9a9a;
		fill: #9a9a9a;
	}

	.overview-product_message {
		color: #000000;
	}
}

.product-buy-option-bar--disabled .product-buy-option-bar_price {
	color: #919191;
}

.product-buy-option-bar_price .original-price,
.product-buy-option-bar_price s {
	color: #919191;
}

.product-buy-option-bar_input input,
.product-buy-option-bar_input .quantity-input_input {
	border-color: #cccccc;
}

.product-buy-option-bar_input button,
.product-buy-option-bar_input .quantity-input_minus,
.product-buy-option-bar_input .quantity-input_plus {
	border-color: #cccccc;
	background: #eaeaea;
	color: #666666;
}

.product-buy-option-bar_input button:active,
.product-buy-option-bar_input .quantity-input_minus:active,
.product-buy-option-bar_input .quantity-input_plus:active {
	background-color: #cccccc;
}

.loading-overlay,
.loading-overlay.loading-overlay--datatable {
	background: rgba(255, 255, 255, 0.65);
}

.loading-overlay:before {
	border-color: rgba(204, 204, 204, 0.51);
	border-top-color: var(--kvk-primary-color);
}

.product-detail_related-products,
.product-detail_product-order-history {
	border-top-color: #eaeaea;
}

/* OrderOverview */
.order-overview_button--add-reference {
	box-shadow: 0 0 0 var(--kvk-primary-color) !important;
}

td.order-overview-table_delete button {
	color: #919191;
}

td.order-overview-table_delete button:hover {
	color: var(--kvk-primary-color);
}

.add-barcode-row,
.add-barcode-row td {
	background: #f5f5f5;
}

.add-barcode-row label {
	color: #666666;
}

/* SVG Icons color */
svg-icon svg {
	fill: var(--kvk-primary-color) !important;
}

/* claims */
@media screen and (max-width: 767px) {
	.claim-overview-table .claim-data-table_buttons .button,
	.new-claim-overview-table .new-claim-data_buttons .button {
		border-color: var(--kvk-primary-color) !important;
	}
}

#modal-new-claim label[for='pictures'].invalid {
	color: red !important;
}

#modal-new-claim .claim-description:disabled {
	color: #4a4a4a;
	background-color: #e0e0e0;
}

.filepond--panel[data-scalable='true'] {
	border-color: var(--kvk-primary-color) !important;
}

.filepond--drop-label {
	color: var(--kvk-primary-color) !important;
}

.filepond--panel-root {
	background-color: transparent !important;
}

/* filters */
.filter-bar-part.filter-bar--border-bottom {
	border-bottom-color: #eaeaea;
}

.selected-filter-list li a,
.selected-filter-list li button.selected-filter-list__filter {
	background: #ece8ed;
	color: #333333;
	border-color: #ece8ed;
}

.selected-filter-list li a:focus,
.selected-filter-list li a:hover,
.selected-filter-list li button.selected-filter-list__filter:focus,
.selected-filter-list li button.selected-filter-list__filter:hover {
	border-color: #cccccc;
}

@media screen and (max-width: 1023px) {
	.filter-bar__title {
		background: #f7f7f7;
	}

	.filter-bar__title button {
		color: #919191;
	}

	.filter-bar__title button:focus,
	.filter-bar__title button:hover {
		color: #666666;
	}

	.filter-bar__title button:active {
		color: #333333;
	}
}

.filter-bar-part--order-history {
	border-bottom-color: #eaeaea;
}

.filter-checkbox-list .filter-checkbox-list-item .filter-checkbox-list-item_count {
	color: #919191;
}

/* products */
#loading-overlay-search.loading-overlay__wrapper .loading-overlay__text {
	color: var(--kvk-primary-color);
}

#loading-overlay-search.loading-overlay__wrapper .loading-overlay__dots,
#loading-overlay-search.loading-overlay__wrapper .loading-overlay__dots:before,
#loading-overlay-search.loading-overlay__wrapper .loading-overlay__dots:after {
	color: var(--kvk-primary-color);
	background-color: var(--kvk-primary-color);
}

#loading-overlay-search.loading-overlay__wrapper .loading-overlay__dots:before,
#loading-overlay-search.loading-overlay__wrapper .loading-overlay__dots::after {
	animation: dotFlashing 1s infinite alternate;
}

@keyframes dotFlashing {
	0% {
		background-color: var(--kvk-primary-color);
	}

	50%,
	100% {
		background-color: rgba(0, 0, 0, 0);
	}
}

.overview-filter-toggle-button {
	color: var(--kvk-primary-color);
}

@media screen and (max-width: 1023px) {
	.sidebar-left {
		background: #ffffff;
	}
}

.productCarousel,
.thumbnailCarousel .carousel-cell,
.product-blog-item__wrapper,
.product-detail__features.has-border,
.product-detail__extra-information,
.product-detail_image,
.product-detail_thumbnail-bar .thumbnail-button,
.product-detail_product-order-history,
.product-detail_related-products {
	border-color: #eaeaea;
}

.product-detail__features {
	@media screen and (max-width: 767px) {
		border-color: #eaeaea;
	}
}

.product-detail__features li strong {
	color: #666666;
}

.product-label,
.product-label a {
	color: var(--kvk-primary-color);
}

.product-detail_price .discount-tag {
	color: #ffffff;
	background: var(--green);
}

.order-history-show-all-button span {
	color: var(--kvk-primary-color);
}

.product-order-history__table {
	color: #42454a;
	border-color: #e2e2e3;
}

.product-order-history__table thead tr,
.product-order-history__table tbody tr {
	border-color: #e2e2e3;
}

.banner-fast-buy {
	background: #ece8ed;
}

.banner-fast-buy li .icon-check {
	color: var(--green);
}

.product-favorite-button__text {
	color: var(--kvk-primary-color);
}

/* Product favorite */
.product-favorite-button__icon,
.productitem-favorite-button__icon {
	background: #ffffff;
	color: #cccccc;
}

.active .product-favorite-button__icon,
.active .productitem-favorite-button__icon {
	color: #c40018;
}

/*
	// Target only devices with mouse and trackpad. This was done because the click on the favorite button is very
	// scoped. This resulted in taps on touch devices always register as their initial hover state. Making it seem
	// like the component state was not updated until you clicked outside of the button.
 */
@media (hover: hover) and (pointer: fine) {
	.product-favorite-button__icon:hover,
	.productitem-favorite-button__icon:hover,
	.active .product-favorite-button__icon,
	.active .productitem-favorite-button__icon {
		color: #c40018;
	}

	.active .product-favorite-button__icon:hover,
	.active .productitem-favorite-button__icon:hover {
		color: #cccccc;
	}
}

/* datepicker */
.datepicker {
	color: #2b2b2b;
}

.datepicker__calendar {
	background-color: #ffffff;
	color: #333333;
}

.datepicker__calendar__cancel {
	color: #333333;
}

.datepicker__calendar__cancel:hover {
	color: #b1b1b1;
}

.datepicker__calendar__label {
	color: #d8d8d8;
}

.datepicker__calendar__nav {

	background-color: #ffffff;
	border-bottom-color: #e8e8e8;
}

.datepicker__calendar__nav__chevron {
	fill: #bbbbbb;
}

.datepicker__calendar__nav__chevron:hover {
	fill: #2b2b2b;
}

.datepicker__input {
	border-color: #cccccc !important;
}

.datepicker__input:focus {
	border-color: var(--kvk-primary-color) !important;
}

/* buttons */
a.button,
button.button,
.button {
	background: var(--kvk-primary-color);
	border: 2px solid var(--kvk-primary-color);
}

a.button:focus,
button.button:focus,
.button:focus,
a.button:hover,
button.button:hover,
.button:hover {
	background-color: var(--kvk-secondary-color);
	border-color: var(--kvk-secondary-color);
}

a.button.button--product-added,
button.button.button--product-added,
.button.button--product-added {
	background-color: var(--kvk-secondary-color);
	border-color: var(--kvk-secondary-color);
}

.button.button--secondary {
	color: var(--kvk-secondary-color);
	border-color: var(--kvk-secondary-color);
}

.button.button--secondary:focus,
.button.button--secondary:hover {
	color: var(--kvk-secondary-hover-color);
}