/*
 * Style warianty dla natywnego przycisku Gutenberg (core/button):
 * - Primary
 * - Ghost
 */

.wp-block-button.is-style-musi-primary .wp-block-button__link,
.wp-block-button.is-style-musi-primary .wp-element-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px 22px;
	border-radius: 12px;
	border: 1px solid transparent;
	background: #13357a;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: transform 0.08s ease, background 0.15s ease, box-shadow 0.15s ease;
	box-shadow: 0 6px 18px rgba(19, 53, 122, 0.25);
}

.wp-block-button.is-style-musi-primary .wp-block-button__link:hover,
.wp-block-button.is-style-musi-primary .wp-element-button:hover {
	background: #1c4bb0;
	color: #fff;
}

.wp-block-button.is-style-musi-primary .wp-block-button__link:active,
.wp-block-button.is-style-musi-primary .wp-element-button:active {
	transform: translateY(1px);
}

.wp-block-button.is-style-musi-ghost .wp-block-button__link,
.wp-block-button.is-style-musi-ghost .wp-element-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px 22px;
	border-radius: 12px;
	border: 1px solid #e3e8f1;
	background: #fff;
	color: #13357a;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: transform 0.08s ease, background 0.15s ease, border-color 0.15s ease;
}

.wp-block-button.is-style-musi-ghost .wp-block-button__link:hover,
.wp-block-button.is-style-musi-ghost .wp-element-button:hover {
	background: #f4f7fc;
	border-color: #13357a;
	color: #13357a;
}

.wp-block-button.is-style-musi-ghost .wp-block-button__link:active,
.wp-block-button.is-style-musi-ghost .wp-element-button:active {
	transform: translateY(1px);
}