WordPressのテーマ　THE THOR(ザトール）の見出しをカスタマイズしてカッコよくする

.content h2 {
    border-left: 30px solid #2589d0;
    background-color: ;
}

.content h2 {
    border-left:initial;
    border-bottom: 3px dashed #1e50a2;
}

.content h2 {
　position: relative;
　border-left:initial;
　padding: .3em 0 .2em 1em;
　border-bottom: 3px solid #2589d0;
　color: #333333;
}

.content h2:before {
　position: absolute;
　top: .5em;
　left: .1em;
　transform: rotate(55deg);
　height: 11px;
　width: 12px;
　background: #2589d0;
　content: '';
　border-radius:50%;
}

.content h2:after {
　position: absolute;
　transform: rotate(15deg);
　top: 1.2em;
　left: .2em;
　height: 8px;
　width: 8px;
　background: #2589d0;
　content: '';
　border-radius:50%;
}

.content h2 {
 border-left:initial;
 border-bottom:initial;
 display: inline-block;
 position: relative;
 padding: 0 2.5em;
 color: #333333;
}

.content h2:before,
.content h2:after {
 content: '';
 display: inline-block;
 position: absolute;
 top: 50%;
 width: 50px;
 height: 3px;
 background-color: #2589ff;
}

.content h2:before {
 left: 0;
}

.content h2:after {
 right: 0;
}

.content h2 {
　　margin-left:initial;
　　display: inline-block;
　　position: relative;
　　padding: .5em .7em;
　　border-radius: 50px 0 0 50px;
　　background-color: #40c2eb;
　　color: #fff;
}

.content h2::before {
　　content: '';
　　display: inline-block;
　　width: 15px;
　　height: 15px;
　　margin-right: 13px;
　　border-radius: 50%;
　　background: #fff;
}