button {
    margin-top: 10%;
    padding: 5px 30px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: white;
    background: rgb(27, 27, 27);
    border-radius: 5px;
    margin-bottom: 20px;
    animation: border-color 1.6s infinite;
    
  }
  
  @keyframes border-color {
    0% {
      border-color: #ff0077;
    }
    20% {
      border-color: #ff00e1;
    }
    40% {
      border-color: #ff006a;
    }
    60% {
      border-color: #e317a6;
    }
    80% {
      border-color: #9900ff;
    }
    100% {
      border-color: #b700ff;
    }
  }
  
  button span {
    position: relative;
    z-index: 99;
  }
  
  .btn {
    text-decoration: none;
    color: #fff;
  }
  
  .btn:hover {
    cursor: pointer;
    transition: transform 150ms;
  }
  
  .btn[disabled]:hover {
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
  }
  
  .btn:first-child {
    margin-bottom: 0;
  }
  
  .btn + .btn {
    margin-top: -60px; /* adicionando margem entre os botões */
  }