.square-image {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
    max-width: 100%; /* Ensure it doesn't exceed the container */
    max-height: 100%; /* Ensure it doesn't exceed the container */
    object-fit: cover; /* Fill the square */
}

.sticky-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: fixed;
    bottom: 20px; /* Adjust as needed */
    left: 20px; /* Adjust as needed */
    width: 50px;
    height: 50px;
    padding: 0; /* Adjust padding as needed */
    background-color: var(--primary); 
    color: white;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1000; /* Ensure it's above other content */
    border: none; /* Remove border */
    cursor: pointer; 
    
  }

  .sticky-btn:hover {
   
    background-color: rgb(202, 202, 202); 
    color:  var(--primary); 
    text-decoration: none; 

  }