I need that when clicking on a button it expands and changes the icon and a word "help" appears

Viewed 17

Hello everyone, I'm trying to solve something in my code and I'm not getting it, I wanted to click on that green button, and when I clicked I wanted it to expand and "Help" appears and change the icon, but I don't know how to do that in css(sass) and in react, could someone help me?

CSS

   .button-help
    position: fixed
    top: 80.5%
    left: 95%
    background-color: #074d47 !important
    width: 45px
    border: none
    height: 45px
    cursor: pointer
    float: right
    z-index: 1
    display: inline-block
    transform: translateY(150%) 
    font-size: 24px
    font-weight: 900
    text-align: center
    border-radius: 100%
0 Answers
Related