/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/css/blocks/buttons-row.css ***!
  \***********************************************************************************************************************************************************************************************/
/*
 * Media Queries
 */

/* WP Core Breakpoints (used for the admin bar for example) */

/* For the Banner */

.buttons-row {
	padding-bottom: 100px;
	padding-top: 100px;
}

.buttons-row__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 770px;
	padding: 24px 0 48px;
	width: 100%;
}

.buttons-row__button {
	align-items: center;
	background-color: var(--c-white);
	border-radius: 20px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100px;
	padding: 29px 16px 24px;
	text-align: center;
	width: 176px;
}

.buttons-row__button:hover,
.buttons-row__button[\:has\(input\:focus\)] {
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05), 3px 3px 16px rgba(0, 0, 0, 0.1);
}

.buttons-row__button:hover,
.buttons-row__button[\:has\(input\:focus\)] {
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05), 3px 3px 16px rgba(0, 0, 0, 0.1);
}

.buttons-row__button:hover,
.buttons-row__button:has(input:focus) {
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05), 3px 3px 16px rgba(0, 0, 0, 0.1);
}

.buttons-row__button-icon img {
	height: auto;
	margin-bottom: 10px;
	max-height: 60px;
	max-width: 60px;
	width: 100%;
}

.buttons-row__button-title {
	max-width: 116px;
}

@media all and (max-width: 450px) {

	.buttons-row__button {
		width: calc(50% - 10px);
	}
}

@media all and (max-width: 275px) {

	.buttons-row__button {
		width: 100%;
	}
}

.buttons_row__link {
	margin: auto;
}


/*# sourceMappingURL=buttons-row.css.map*/