Web Component Style

webcomponent-style.css

<template>
  <style>
  #panel{
    border-radius: 3px;
    overflow: hidden;
    font-family: 'Arial';
  }
  .panel-header{
    padding: 10px 20px;
    background-color: #1d2939;
  }
  .panel-header h1{
    margin:0;
    padding:0;
    font-size: 8px;
    line-height: 8px;
    text-transform: uppercase;
    color:#fff;
  }
  .panel-buttons span{
    display: inline-block;
    opacity: 0.2;
    float:right;
    color:#fff;
    font-size: 16px;
    transition: all 0.2s ease-out 0s;
    cursor: pointer;
    margin-top: 3px;
  }
  .panel-buttons span:hover{
    opacity: 1;
  }

  .panel-body{
    padding:5px 20px;
    background-color: #fff;
  }
  </style>
  
...

</template>