@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");


.btn-conatiner {
    clip-path: polygon(5% 0, 100% 0, 100% 80%, 96% 99%, 0 100%, 0 19%);
    background-color: #fff;
    width: 12rem;
    height: 3.8rem;
    padding: 2px;
    transition: all 0.4s ease;
  }
  .btn {
    clip-path: polygon(5% 0, 100% 0, 100% 80%, 96% 99%, 0 100%, 0 19%);
    background-color: #1e1e1e;
    width: 100%;
    height: 100%;
  }
  .send {
    width: 100%;

    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color:#fff;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -1px;
    transition: all 0.4s ease;

    color: #000;
  }
  .send:hover {
    background-color: #ee4623;
    color: #fff;
  }
  .btn-conatiner:hover
  {
    background-color: #ee4623;
  }

  @media (max-width:500px)
  {
    .btn-conatiner
    {
      width: 8rem;
      height: 2.5rem;
    }
    .send
    {
      font-size: 1.4rem;
    }
  }