.block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-right: 12px;
}

@media (max-width: 480px) {

	.block-buttons {
		flex-direction: column;
		align-items: flex-start;
	}
}

.c-btn {
	border: none;
	white-space: nowrap;
	padding: 10px 20px;
	font-family: "Satoshi-Bold";
	font-size: 1rem;
	text-align: center;
	border-radius: 25px;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
	display: inline-block;
}

.c-btn--primary {
	background-color: #a17de5;
	color: #fff;
}

.c-btn--primary:hover {
	background-color: #423063;
}

.c-btn--success {
	background-color: #47cf99;
	color: #fff;
}

.c-btn--success:hover {
	background-color: #4d8f73;
}

.c-btn--pink {
	background-color: #f591ed;
	color: #fff;
}

.c-btn--pink:hover {
	background-color: #b254ad;
}

.c-btn--fuchsia {
	background-color: #a36694;
	color: #fff;
}

.c-btn--fuchsia:hover {
	background-color: #6e335e;
}

.c-btn--blue {
	background-color: #5c8599;
	color: #fff;
}

.c-btn--blue:hover {
	background-color: #8fd6f5;
}

.c-btn--orange {
	background-color: #f2ab66;
	color: #fff;
}

.c-btn--orange:hover {
	background-color: #b67734;
}

.c-btn--dark {
	background-color: #30264a;
	color: #fff;
}

.c-btn--dark:hover {
	background-color: #423063;
}

.c-btn--taupe {
	background-color: #ad9161;
	color: #fff;
}

.c-btn--taupe:hover {
	background-color: #967f56;
}

@media (max-width: 480px) {

	.wp-block-group.is-layout-flex:has(>.block-buttons) {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}