
@keyframes slideInRight {
    from {
      transform: translateY(-100%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  .animate-slideIn {
    animation: slideInRight 0.5s ease-in-out forwards;
  }
  
  
  @keyframes slideOutRight {
    from {
      transform: translateY(0);
      opacity: 1;
    }
    to {
      transform: translateY(-100%);
      opacity: 0;
    }
  }
  
  .animate-slideOut {
    animation: slideOutRight 0.5s ease-in-out forwards;
  }
  
  #OpenBtn-loc svg {
    transition: transform 0.5s ease;
  }
  
  #OpenBtn-loc:hover svg {
    transform: rotate(360deg);
  }