.title{position:relative;font-family:"Eras Light ITC";font-size:2.2rem;margin-bottom:.7rem;text-transform:uppercase;z-index:1;display:-webkit-flex;display:flex;align-items:center;gap:12px;color:#fff}@media (min-width: 1200px){.title{font-size:2.4rem}}.title__text{max-width:calc(100% - 4rem)}.title:before,.title:after{content:"";z-index:-1;flex:1;height:3px;background-color:#c7bccd}.title:before{background:linear-gradient(to right,#a3aecd,#c7bccd 90%,transparent)}.title:after{background:linear-gradient(to left,#eac9cd,#c7bccd 90%,transparent)}.title--primary{color:#fff}.title--secondary{color:#eac9cd}.title--black{color:black}.title--black:before,.title--black:after{background-color:black}.title--black:before{background:linear-gradient(to right,#000 90%,transparent)}.title--black:after{background:linear-gradient(to left,#000 90%,transparent)}