Reactプログラムの中でcssを適用する方法

Question

class ButtonComponent extends Component {
    constructor(props) {
        super(props);
        this.state = {
            imageUrl: "/images/button_shadow.png",
        }
    }

    scrollToTop = () => {
        scroll.scrollToTop(); 
    };

    render() {
        return(
          <div
            id="scroll scroll-up"
            className="scroll scroll-up"
            onMouseEnter={() => this.setState({ imageUrl: '/images/button_noshadow.png' })}
            onMouseLeave={() => this.setState({ imageUrl: '/images/button_shadow.png' })}
          >
            <div
                id="arrowbounce" 
                className="arrowbounce">
                <img src={this.state.imageUrl} onClick={this.scrollToTop} />
            </div>
          </div>   
        );
      }
    }  

ClassName arrowbounceにこのプログラムの中でcssを適用するにはどうしたらよろしいでしょうか？
できれば画面右下に固定する様にしたいです。

よろしくお願いいたします。

Answer 1

https://www.google.com/search?q=react+css