.tabset > input[type="radio"]  {
    position: absolute;
    left: -200vw;
  }
  
  .tabset .tab-panel, .tabset2 .tab-panel {
    display: none;
  }
  
  .tabset > input:nth-child(1):checked ~ .tab-panels > .tab-panel:first-child,
  .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
  .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3)
   {
    display: block;
  }
  .tabset2 > input:nth-child(1):checked ~ .tab-panels2 > .tab-panel:first-child,
  .tabset2 > input:nth-child(3):checked ~ .tab-panels2 > .tab-panel:nth-child(2){
    display: block;
  }
 
  .tabset label, .tabset2 label {
    position: relative;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600;
    margin: 0 auto 2em;
    display: table;
  }

  .tab-button {
    color: #1e283c;
    border: 1px solid transparent;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,right top,from(#0098d6),to(#00cbd6));
    background-image: linear-gradient(#fff,#fff),linear-gradient(to right,#0098d6 0,#00cbd6 100%);
    background-clip: content-box,border-box;
    padding: 2px;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    text-align: center;
    display: inline-block;
    padding: 2px;
    will-change: transform;
    text-transform: uppercase;
    cursor: pointer;
    outline: 0;
    border-radius: 50px;
  }