Button group

<div class="t1 w-full flex flex-col-reverse w6:flex-row w6:flex-center bg-c-white"> <button class="t1 u1.btn u1.btn-l w10:u1.btn-m u1.btn-neutral-3 mt-8 w6:mt-0 w6:mr-8">Cancel</button> <button class="t1 u1.btn u1.btn-l w10:u1.btn-m u1.btn-action">Publish</button> </div>

<div class="t1 w-full flex flex-col-reverse w6:flex-row w6:flex-center bg-c-white"> <button class="t1 u1.btn u1.btn-l w10:u1.btn-m u1.btn-neutral-3 mt-8 w6:mt-0 w6:mr-8">Cancel</button> <button class="t1 u1.btn u1.btn-l w10:u1.btn-m u1.btn-neutral-2 mt-8 w6:mt-0 w6:mr-8">Publish into staging</button> <button class="t1 u1.btn u1.btn-l w10:u1.btn-m u1.btn-action">Publish</button> </div>

<div class="t1 w-full flex flex-col-reverse w6:flex-row w6:flex-center bg-c-white"> <button class="t1 u1.btn u1.btn-l w10:u1.btn-m u1.btn-neutral-3 mt-8 w6:mt-0 w6:mr-8">Cancel</button> <button class="t1 u1.btn u1.btn-l w10:u1.btn-m u1.btn-neutral-2 mt-8 w6:mt-0 w6:mr-8">Archive project</button> <button class="t1 u1.btn u1.btn-l w10:u1.btn-m u1.btn-danger">Delete project</button> </div>

<div class="t1 w-full flex flex-col-reverse w6:flex-row w6:flex-center"> <button class="t1 u1.btn u1.btn-xs u1.btn-neutral-3 mt-8 w6:mt-0 w6:mr-8">Cancel</button> <button class="t1 u1.btn u1.btn-xs u1.btn-action">Publish</button> </div> <div class="t1 w-full flex flex-col-reverse w6:flex-row w6:flex-center mt-16"> <button class="t1 u1.btn u1.btn-s u1.btn-neutral-3 mt-8 w6:mt-0 w6:mr-8">Cancel</button> <button class="t1 u1.btn u1.btn-s u1.btn-action">Publish</button> </div> <div class="t1 w-full flex flex-col-reverse w6:flex-row w6:flex-center mt-16"> <button class="t1 u1.btn u1.btn-m u1.btn-neutral-3 mt-8 w6:mt-0 w6:mr-8">Cancel</button> <button class="t1 u1.btn u1.btn-m u1.btn-action">Publish</button> </div> <div class="t1 w-full flex flex-col-reverse w6:flex-row w6:flex-center mt-16"> <button class="t1 u1.btn u1.btn-l u1.btn-neutral-3 mt-8 w6:mt-0 w6:mr-8">Cancel</button> <button class="t1 u1.btn u1.btn-l u1.btn-action">Publish</button> </div> <div class="t1 w-full flex flex-col-reverse w6:flex-row w6:flex-center mt-16"> <button class="t1 u1.btn u1.btn-xl u1.btn-neutral-3 mt-8 w6:mt-0 w6:mr-8">Cancel</button> <button class="t1 u1.btn u1.btn-xl u1.btn-action">Publish</button> </div>

<div class="t1 flex flex-col-reverse w6:flex-row w6:flex-end-center w-full max-w-480 mx-auto"> <button class="t1 w6:flex-1 u1.btn u1.btn-l w10:u1.btn-m u1.btn-neutral-2 mt-8 w6:mt-0 w6:mr-16">Cancel</button> <button class="t1 w6:flex-1 u1.btn u1.btn-l w10:u1.btn-m u1.btn-action">Publish</button> </div>