<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>