LINEの友達追加ボタンのスタイリングができません。

現在HPを作っていて、lineの友達追加ボタンを作ったのですが、スタイルを調整しても反映されずに困っています。
どうすればスタイリングできるようになるのでしょうか？
スタイリングしたいのが緑の部分で周りの赤はみやすいように自分でスタイリングしました。

LINE.js
1import React from 'react';
2  
3export default () => {
4  return (
5    <section id="line">
6      <div className="inner line-inner">
7        <h2 className="line-title">LINE@<br/>友達募集中!</h2>
8        <p className="line-text">STINGの公式LINEでは新歓イベントの情報やサークルの説明会、イベントの様子などを配信しています！<br/>
9        友達登録してLINEでしか得られないSTINGの情報をGetしよう！</p>
10        <div className="line-button">
11          <div 
12            className="line-it-button" 
13            data-lang="ja" 
14            data-type="friend" 
15            data-lineid="@dattyo01" 
16            data-count="true" 
17            data-home="true"
18            style={{width: '200px'}}
19          >
20          </div>
21        </div>
22      </div>
23    </section>
24  )
25};