js-in-css.css

.button {
  color: () => this.hover ? 'green' : 'red';
  padding: 15px;
  content: () => {
    return (
      <button>{this.innerText}</button>
    );
  };
  text-align: () => {
    this.attrs.href.contains('#') ? 'left' : 'right'; 
  };
  
  .button-icon {
    content: () => {
      return (
        <span class={this.attrs.data('icon-type')}></span>
      );
    };
  }
}