【WordPress】ブログカードのスタイル（css）を変更する方法

add_action( 'embed_footer' ,function(){
?>
<style>
.wp-embed{
	background:silver;
}
p.wp-embed-heading{
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	padding: 5px;
	background: white;
	text-align: center;
}
</style>
<?php
},999);

<div class="wp-embed">
	<p class="wp-embed-heading">
		<a href="リンク先URL" target="_top">
			Hello world!
		</a>
	</p>
	<div class="wp-embed-featured-image">
		<a href="リンク先URL" target="_top">
			<img src="画像URL" class="attachment-full size-full" alt="" decoding="async" loading="lazy" style="width:100%;height:82%;max-width:200px;" width="200" height="164">
		</a>
	</div>
		
	<div class="wp-embed-excerpt">
		<p>Hello world!</p>
	</div>
	<div class="wp-embed-footer">
		<div class="wp-embed-site-title">
			<a href="サイトURL" target="_top">
				<img src="サイト画像URL" srcset="サイト画像URL-150x150.jpg 2x" alt="" class="wp-embed-site-icon" width="32" height="32">
				<span>My Blog</span>
			</a>
		</div>
		<div class="wp-embed-meta">
			<div class="wp-embed-comments">
				<a href="コメントURL" target="_top">
					<span class="dashicons dashicons-admin-comments"></span>
					1 <span class="screen-reader-text">コメント</span>
				</a>
			</div>
			<div class="wp-embed-share">
				<button type="button" class="wp-embed-share-dialog-open" aria-label="共有ダイアログを開く">
					<span class="dashicons dashicons-share"></span>
				</button>
			</div>
		</div>
	</div>
</div>