body {

  #pl_btn {
    margin-top: 2em;
    li {
      display: inline-block;
      background: #e5e7e9;
      margin-right: 2rem;
      width: 264px;
      a {
        text-decoration: none;
        transition: opacity 0.1s ease-out;
        span {
          display: inline-block;
          padding: 0.4rem 1.4rem;
          font-size: 1.8rem;
          white-space: nowrap;
          width: 100%;
        }
        &:hover {
          opacity: 0.5;
        }
      }
      &:last-child {
        margin-right: 0;
      }
    }
  }

  
  #pl_btn_top {
    margin-top: 2em;
    li {
      display: inline-block;
      background: #e5e7e9;
      margin-right: 2rem;
      width: auto;
      a {
        text-decoration: none;
        transition: opacity 0.1s ease-out;
        span {
          display: inline-block;
          padding: 0.4rem 1.4rem;
          font-size: 1.8rem;
          white-space: nowrap;
          width: 100%;
        }
        &:hover {
          opacity: 0.5;
        }
      }
      &:last-child {
        margin-right: 0;
      }
    }
  }

  #table_doctypes {

  }

}



@media screen and (max-width: 1024px) {

  body {

    #pl_btn {
    li {
      width: 22.4rem;
      margin-right: 2rem;
      margin-bottom: 1.4rem;
      a {
 
        span {
          font-size: 1.5rem;
        }
 
      }
      &:last-child {
        margin-bottom: 0;
      }
    }
  }

    #pl_btn_top {
    li {
      /* width: 25rem; */
      margin-right: 2rem;
      margin-bottom: 1.4rem;
      a {
 
        span {
          font-size: 1.5rem;
        }
 
      }
      &:last-child {
        margin-bottom: 0;
      }
    }
  }


}


}