a:hover {
	text-decoration: underline;
	color: var(--wp--preset--color--hover-blue);
}

.wp-block-button a {
	color: var(--wp--preset--color--main-white);
	background-color: var(--wp--preset--color--main-blue);
	border: 2px solid var(--wp--preset--color--main-blue);
	border-radius: 0;
	padding: 6px 18px;
	text-decoration: none;
	font-size: 18px;
	font-weight: 600;
}

.wp-block-button a:hover {
	background-color: var(--wp--preset--color--hover-blue);
	border-color: var(--wp--preset--color--hover-blue);
}

.wp-element-button {
	background-color: var(--wp--preset--color--main-black);
	color: var(--wp--preset--color--main-white);
	border-radius: 0;
	font-size: 1rem;
	padding: 10px 25px;
}

.wp-element-button:hover {
	background-color: var(--wp--preset--color--hover-black);
	border-color: var(--wp--preset--color--hover-black);
}

.wp-block-post-excerpt .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link {
	display: inline-flex;
	align-items: center;
	flex-direction: row;
	gap: 5px;
	padding: 6px 12px;
	color: var(--wp--preset--color--main-blue);
	border: 2px solid var(--wp--preset--color--main-blue);
	text-decoration: none;
}

.wp-block-post-excerpt .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link::after {
	content: "";
	width: 24px;
	height: 24px;
	background-image: url("/wp-content/themes/blogs-helsinki-2026/assets/icons/arrow_forward_blue_icon.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.wp-block-post-excerpt .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link:hover {
	background-color: var(--wp--preset--color--hover-light-blue);
}

.wp-block-post-excerpt .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link:focus {
	outline: 2px solid var(--wp--preset--color--main-black);
	outline-offset: 2px;
}

nav.wp-block-query-pagination {
	gap: 5px;
}

nav.wp-block-query-pagination .wp-block-query-pagination-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

nav.wp-block-query-pagination a,
nav.wp-block-query-pagination span {
	color: var(--wp--preset--color--main-white);
	background-color: var(--wp--preset--color--main-blue);
	border: 2px solid var(--wp--preset--color--main-blue);
	padding: 5px 10px;
	text-decoration: none;
}

nav.wp-block-query-pagination a:hover {
	background-color: var(--wp--preset--color--hover-blue);
	border-color: var(--wp--preset--color--hover-blue);
}

	nav.wp-block-query-pagination span.current {
	color: var(--wp--preset--color--main-blue);
	background-color: var(--wp--preset--color--main-white);
}

nav.wp-block-query-pagination a:focus {
	outline: 2px solid var(--wp--preset--color--main-black);
	outline-offset: 2px;
}

/* Cursor change for all buttons (links still use pointer) */
button.wp-element-button {
	cursor: auto;
}