.popup-link{
    display:flex;
    flex-wrap:wrap;
  }
  
  .popup-link .my_a{
      background: #0681f5;
      color: #fff;
      padding: 10px 30px;
      border-radius: 5px;
      font-size:17px;
      cursor:pointer;
      margin:20px;
      text-decoration:none;
  }
  
  .my_a-2{
      background: #0681f5;
      color: #fff;
      padding: 40px 80px;
      border-radius: 20px;
      font-size:20px;
      cursor:pointer;
      margin-left:180px;
      text-decoration:none;
      /* text-align: center; */
  }

  .popup-container {
      visibility: hidden;
      opacity: 0;
      transition: all 0.3s ease-in-out;
      transform: scale(1.3);
      position: fixed;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(21, 17, 17, 0.61);
      display: flex;
      align-items: center;
  }
  .popup-content {
      background-color: #fefefe;
      margin: auto;
      padding: 20px;
      border: 1px solid #888;
      width: 50%;
  }
  .popup-content .my_p{
      font-size: 18px;
      padding: 10px;
      line-height: 20px;
      color: #000;
      
  }
  .popup-content .my_a.close{
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
      background: none;
      padding: 0;
      margin: 0;
      text-decoration:none;
  }
  
  .popup-content .my_a.close:hover{
    color:#333;
  }

  .my_a-2.close{
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
      background: none;
      padding: 0;
      margin: 0;
      text-decoration:none;
  }
  .my_a-2.close:hover{
    color:#333;
  }
  
  .popup-content span:hover,
  .popup-content span:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
  }
  
  .popup-container:target{
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
  
  .popup-container .my_h3{
    margin:10px;
  }
  /*End popup styles*/
  
  /* Additional styles */
  .popup-style-2{
    transform: scale(0.3);
    
  }
  
  .popup-style-2:target{
    transform: scale(1);
  }
  
  .popup-style-3{
    left:100%;
    
  }
  
  .popup-style-3:target{
    left:0;
  }
  
  .popup-style-4{
    transform: rotate(180deg);
  }
  
  .popup-style-4:target{
    transform: rotate(0deg);
  }
  
  .popup-style-5{
    top:100%;
    
  }
  
  .popup-style-5:target{
    top:0;
  }
  
  .popup-style-6{
    transform: scale(15.3);
    
  }
  
  .popup-style-6:target{
   transform: scale(1);
   }
  
  .popup-style-7{
    transform: skewY(180deg);
     transition: all 0.7s ease-in-out;
  }
  
  .popup-style-7:target{
   transform: skewY(0deg);
  
   }