.btn1 {

    padding:20px 35px;

    font-size: 20px;

    border: none;

    background-color: #080808;

    color: #681010;
    box-shadow: 20px 20px 40px -6px rgba(0,0,0,0.2);

    border-radius:50px;

    cursor: pointer;

  }
  .loading{
      color:#d3a510;
  }

  .loader{

    display: inline-block;

    height: 10px;

    width: 10px;

    border: 5px solid #2098cf;

    border-top-color: transparent;

    border-radius: 100%;

    margin: 2px 2px 2px 2px;

    animation: load 1.8s linear infinite ;

  }

  

  @keyframes load{

    0% {

      transform: rotate(0);

    }

    100% {

      transform: rotate(360deg);

    }

  }

.dot{

    font-weight:900;

    animation:animate 1s  linear infinite;

}

.dot1{

    animation-delay:1.0s;

}

.dot2{

  animation-delay: 1s;

}

.dot3{

  animation-delay: 1.30s;

}

@keyframes animate {

    0%{
        opacity:0.5;

    }

    50%{
        opacity:1;  
    }

    100%{

        opacity:0.5; 

    }

}