/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
.tombol-whatsapp { 
    position: fixed;
    bottom: 20px;
    right: 25px;
    width: 50px;
    height: 50px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
    /* transition: transform 0.3s ease; */
    z-index: 9999;
  } 
  
  .tombol-whatsapp:hover {
    background-color: #22bc5a;
  }
  
  .tombol-whatsapp i {
    font-size: 28px;
  }

  .tombol-biru {
    border-color: #09057d;
    background-color: #09057d;
    color: #fff;
  }

  .btn-outline-biru:hover {
    border-color: transparent;
    background-color: #09057d;
    color: #fff;
  }

  .tombol-hijau {
    border-color: #22bc5a;
    background-color: #22bc5a;
    color: #fff;
  }

  .btn-outline-hijau {
    border-color: #22bc5a;
    background-color: #22bc5a;
    color: #fff;
  }

  .btn-outline-hijau:hover {
    border: #22bc5a 2px solid;
    background-color: transparent;
    color: #333;
  }

  .btn-hover-hijau {
    border-color: transparent;
    background-color: #22bc5a;
    color: #fff;
  }
  
  .tombol-kuning {
    border-color: #b5971b;
    background-color: #b5971b;
    color: #fff;
  }

  .bg-kuning {
    background-color: #b5971b;
    color: #fff;
  }