/**
 * 共通 CTA — Spectra「more details」ボタン（.ideage-more-details-btn）
 */

.ideage-more-details-btn {
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease,
		opacity 0.25s ease;
	text-decoration: none;
}

@media (hover: hover) {
	body .post_content a.ideage-more-details-btn.uagb-buttons-repeater.wp-block-button__link:hover,
	body #front_page_contents a.ideage-more-details-btn.uagb-buttons-repeater.wp-block-button__link:hover {
		background: #1e73be !important;
		background-color: #1e73be !important;
		background-image: none !important;
		border-color: #1e73be !important;
		color: #ffffff !important;
		text-decoration: none !important;
		opacity: 1;
	}

	body .post_content a.ideage-more-details-btn.uagb-buttons-repeater.wp-block-button__link:hover .uagb-button__link,
	body #front_page_contents a.ideage-more-details-btn.uagb-buttons-repeater.wp-block-button__link:hover .uagb-button__link {
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
		border-color: transparent !important;
		color: #ffffff !important;
		text-decoration: none !important;
		-webkit-text-fill-color: #ffffff !important;
		--uagb-button-txt-color: #ffffff !important;
		--uagb-button-txt-hover-color: #ffffff !important;
	}

	.ideage-more-details-btn--filled:hover {
		background-color: #1a66aa !important;
		border-color: #1a66aa !important;
	}

	.ideage-more-details-btn--filled:hover .uagb-button__link {
		background: transparent !important;
		background-color: transparent !important;
	}
}

.ideage-more-details-btn:focus {
	outline: none;
}

.ideage-more-details-btn:focus-visible {
	outline: 2px solid #1e73be;
	outline-offset: 3px;
}