h1 and border

Hi –
I am trying to create a CSS Class to put a border around h1. Is there an easy way for this work on h1s across Layout Builder rather than having to use all these tags like h1.av-special-heading-tag? Also the padding setting for titles within the layout builder seems to conflict with what you put in custom.css. What’s the best practice to deal with this. Here is what I am using now:

h1.av-special-heading-tag {
padding-bottom: 5px;
border-style: solid;
border-color: #000;
border-width: 3px;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
}