How to use the aphrodite/no-important.css function in aphrodite

coinbasePanel () {
    return <section>
      <div>
        <div>
          <div>
            {this.faCreditCard()}
          </div>
          <div>
            <div data-l10n-id="moneyAdd">
            <div data-l10n-id="moneyAddSubTitle">
          </div>
        </div>
      </div>
      {this.coinbaseAvailability()}
    </div></div></section>
  }
  exchangePanel () {

width={this.state.dimensions.width}
              height={this.state.dimensions.height}
              color={this.state.color}
              tool={this.state.tool}
              editable={this.props.editable}
              onChange={this.onChange}
              strokes={JSON.parse(this.props.data.strokes)}
              onActiveDrawingStatusChange={
                this.props.onActiveDrawingStatusChange
              }
            />
          
        
        {this.props.children}
        {this.props.query && this.props.query.dotGrid
          ? <div>
          : null}
      </div>
    ;
}

? <section>
            <h1 data-l10n-id="ledgerRecoveryFailedTitle">
            <p data-test-id="ledgerRecoveryFailedMessage" data-l10n-id="ledgerRecoveryFailedMessage">
            
          </p></h1></section>
          : null
      }
      <h4 data-l10n-id="ledgerRecoverySubtitle">
      <div data-l10n-id="ledgerRecoveryContent">
      
        
          <h3 data-l10n-id="recoveryKey">
          <textarea spellcheck="false" id="recoveryKey">        &lt;/SettingItem&gt;
      &lt;/SettingsList&gt;
    &lt;/section&gt;
  }</textarea></h3></div></h4>

{
                                state
                            }
                        
                    
                ;
        }

        return (
            <div style="{{">
                <style type="text/css">{containerTransitionStyle}</style>
                
                    {
                        element
                    }
                
            </div>
        );
    }
}

render () {
		const { className, component } = this.props;
		const consumedProps = {
			...this.props,
			className: classnames(css(classes.FormNote), className),
		};

		return React.createElement(component, consumedProps);
	}
};

<div>
          {
            this.props.showSuppress
              ? 
              : null
          }
          <div data-test-id="msgBoxButtons">
            {this.messageBoxButtons}
          </div>
        </div>
      
    
  }
}

function renderLink({url, extraClassName, rel, text, icon: Icon}: Object) {
  if (!url) {return null;}
  const search = getSearchQuery(url);

  const linkClass = classNames(
    css(styles.Pagination_link),
    'u-flex',
    'u-flexAlignItemsCenter',
    extraClassName
  );

  return (
    
      <span>{text}</span>
      
    
  );
}

faBitcoin () {
    return <span>
      <span>
      <span>
    </span>
  }
  faSmartphone () {</span></span>

render () {
    const perHour = getSetting(settings.ADS_PER_HOUR, this.props.settings)
    const perDay = getSetting(settings.ADS_PER_DAY, this.props.settings)

    const locals = this.props.userModelData.locales

    return <section>
      <div data-test-id="walletBar">
        <div>
          Ads per day
        </div>
        <div>
          Ads per hour
        </div>
        <div>
          Place
        </div>
        <div>
          </div></div></section>

backId: {
        textAlign: "center",
        margin: "10px",
        fontFamily: "RalewayReg",
        fontSize: "20px",

      }
    })






    return (
      <div>
        <div>
           this.props.onClick(1)}

          /&gt;

        </div>
      </div>
    )
  }