<Row className="p-3">
<Col lg={3} sm={6}>
<p className="text-lg">Gradient Buttons </p>
<Button variant="primary" size="lg" block className="w-75 gradient-button border-0 text-xlg mb-3 font-base" >Normal </Button>
<Button variant="primary" size="lg" block className="w-75 pressed-gradientbtn border-0 text-xlg mb-3 font-base" >Pressed </Button>
<Button variant="primary" size="lg" block className="w-75 disabled-gradientbtn border-0 text-xlg mb-3 font-base" disabled>Disabled </Button>
</Col>
<Col lg={3} sm={6}>
<p className="text-lg">Outline </p>
<Button variant="outline-secondary" size="lg" block className="w-75 text-xlg mb-3 font-base" >Normal </Button>
<Button variant="outline-secondary" size="lg" block className="w-75 text-xlg mb-3 pressed-btn font-base" >Pressed </Button>
<Button variant="outline-secondary" size="lg" block className="w-75 pressed-disabledbtn text-xlg mb-3 font-base" disabled>Disabled </Button>
</Col>
</Row>