.nav-banner .banner-container {
    width: 330px;
    position: fixed;
    margin: 15px 20px;
    z-index: 99998;
    bottom: 100px;
    right: 0px;
  }
  
  .nav-banner .btn-close {
    font-weight: bold;
    position: absolute;
    top: -40px;
    right: 0px;
    z-index: 99999;
    padding: 3.21px 8px;
    border: none;
    background-color: #f8f8f8;
    border-radius: 25px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px rgb(0 0 0 / 40%);
  }
  
  .nav-banner input {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
  }
  
  .nav-banner input:checked ~ a {
    display: none;
  }
  
  .nav-banner input:checked ~ .btn-close {
    display: none;
  }
  
  /* sp: max-width 620px */
  @media only screen and (max-width: 620px) {
    .nav-banner .banner-container {
      width: 150px;
      margin: 10px 10px;
      bottom: 80px;
    }
  
    .nav-banner .btn-close {
      top: -35px;
      padding: 3.8px 8px;
    }
  }