.l2-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1.25rem;
}
.withoutTitle {
    margin: 0.875rem .5rem;
}
.l2-divider-line{
    flex:1;
    height:0.0625rem;
    background:linear-gradient(90deg, transparent, #b89448, transparent);
}

.l2-divider-center{
    display:flex;
    align-items:center;
    gap:0.9375rem;
}

.l2-divider-title{
    position:relative;
    padding:0.875rem 3.125rem;
    background:linear-gradient(145deg,#111a22,#0b141c);
    border:0.0625rem solid rgba(184,148,72,.6);
    font-family:'Cinzel',serif;
    font-size:1.25rem;
    letter-spacing:0.125rem;
    color:#e2b93b;
    text-align:center;
    box-shadow:0 0 1.25rem rgba(184,148,72,.15);
}

.l2-divider-title small{
    display:block;
    font-size:0.87rem;
    letter-spacing:0.1875rem;
    color:rgba(255,255,255,.45);
    margin-top:0.25rem;
}

.l2-divider-arrow{
    position:relative;
    width:1.125rem;
    height:1.125rem;
}

.l2-divider-arrow::before,
.l2-divider-arrow::after{
    content:"";
    position:absolute;
    inset:0;
    border:0.0625rem solid #b89448;
    transform:rotate(45deg);
}

.l2-divider-arrow::after{
    inset:0.25rem;
}

.l2-divider-arrow.left{
    margin-right:-0.625rem;
}

.l2-divider-arrow.right{
    margin-left:-0.625rem;
}


.l2-divider-title:before{
    left:-1.5625rem;
}

.l2-divider-title:after{
    right:-1.5625rem;
}

@media (max-width: 48rem){
    .l2-divider{
        gap:0.625rem;
        margin:2.5rem 0;
    }

    .l2-divider-title{
        padding:0.625rem 1.5625rem;
        font-size:1rem;
    }

    .l2-divider-arrow{
        width:0.875rem;
        height:0.875rem;
    }
}