〈Pro〉［CSS］［Lightning］④見出しデザイン変更◯

h2, h3, h4, h5 {
text-align: center;
}

h2 {
font-size: 24px;
border-top: 2px solid var(--vk-color-primary);
border-bottom: 1px solid var(--vk-color-border-hr);
margin: 0 0 10px 0;
}

h3, h4 {
font-size: 1.1rem;
}

h3, h5 {
border-bottom: none;
}
	
h3 {
color: #fefefe;
padding: 12px;
text-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background: linear-gradient(to left, #ff7e5f, #feb47b);
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
}

h4 {
border-bottom: 3px solid var(--wp--preset--color--vk-color-custom-4);
}

h5 {
margin-bottom: 0px;
}