.btn_div {
    background-color: black;
  }

  .btn_div:hover {
    background-color: #00C100;
  }
  .button_scroll_main_div{
    background: linear-gradient(
      to top,
      rgba(255, 255, 255, 0.9) 0%, /* Semi-transparent black at the bottom */
      rgba(255, 255, 255, 0) 30%, /* Fully transparent gradient fades up */
      rgba(240, 240, 240, 0) 100% /* Fully transparent */
    );
        height: 700px;
    width:123%;

  }
  .btn_div{
  
    cursor: pointer;
    color: white;
    padding: 10px 20px 10px 16px;
    border: none;
    border-radius: 40px;
    display: flex;
    align-items: center; /* Vertically center the content */
    justify-content: center; /* Horizontally center the content */
    gap: 10px; 
  }

  .btn_div h4{
    font-size: 16px;
  }
  .btn_main_div{
    position: fixed; 
    bottom: 40px; 
    left: 50%; 
    transform: translateX(-50%); 
    z-index: 1000;
  }

  @media screen and (max-width: 768px) {
  
    .button_scroll_main_div {
      height: 400px;
    }
    .btn_main_div{

      bottom: 20px; 

    }
    .btn_div h4{
      font-size: 12px;
    }
  }