.no-underline a:link { 
  text-decoration: none; 
} 
a:visited { 
  text-decoration: none; 
} 
a:hover { 
  text-decoration: none; 
} 
a:active { 
  text-decoration: none; 
}



.brxe-post-content p{
    max-width: 800px;
}

.box-2 {
    --content-width: 1200px;
}


.box-3 {
    --content-width: 1400px;
	
}


.test-2 {
   width: 100%;
   max-width: calc(var(--content-width) * 1.5)
}

Works
calc(var(--text-xs) * 0.8)

calc(var(--content-gap) * 0.5)
calc(var(--content-gap) * 0.2)