.GetCatalogue-container {
            position: fixed;
            bottom: 100px;
            right: 20px;
            z-index: 1000;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
         }

        .GetCatalogue-button {
          
             border: none;
             cursor: pointer;
             display: flex;
            justify-content: center;
            align-items: center;
         }

        .GetCatalogue-button:hover {
            transform: scale(1.01);
        }

         .GetCatalogue-button img{
         	width: 160px;
         }

        .close-GetCatalogue-button {
            border: none;
            cursor: pointer;
            width:10%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: -1px;
         }

 

        /* Hide the close button initially */
        .closedGetCatalogue {
            display: none;
        }

        /* Show both buttons when container is active */
        .GetCatalogue-container.active .GetCatalogue-button,
        .GetCatalogue-container.active .close-button {
            display: flex;
        }
        
        
        .popup {
              margin: 70px auto;
              padding: 20px;
              background: #fff;
              border-radius: 5px;
              width: 70%;
              position: relative;
              transition: all 5s ease-in-out;
            }
            
            .popup h2 {
              margin-top: 0;
              color: #333;
              font-family: Tahoma, Arial, sans-serif;
            }
            
            .popup .content {
              max-height: 30%;
              overflow: auto;
            }
            
            @media screen and (max-width: 700px){
              .box{
                width: 80%;
              }
              .popup{
                width: 80%;
              }
            }