.button:hover{
    transform:translateY(-2px)
}
.button-small{
    min-height:43px;
    padding:0 18px
}
@media(max-width:700px){
    .button{
        width:100%
    }
}
  
  .button{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 24px;
    border:0;
    border-radius:14px;
    font:900 13px Nunito;
    cursor:pointer;
    transition:.2s;

    height: 58px;
    padding: 0 34px;
  
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
  
    border-radius: 999px; /* igual ao header */
  
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-weight: 800;
  
    transition: .25s ease;
    white-space: nowrap;
}


  .button-primary span{
    font-size: 22px;
    transition:.2s;
  }


  .button-primary:hover span{
    transform:translateX(5px);
  }


  .button-secondary:hover{

    border-color:#5932c1;

    color:#5932c1;

  }

  .button-primary{
    color:#fff;
    background:linear-gradient(135deg,var(--purple),#7436e7 58%,var(--pink));
    box-shadow:0 14px 32px rgba(89,50,193,.25);

    color: #fff;
  
    background: linear-gradient(
      135deg,
      #5932c1,
      #8967db,
      #b661da
    );
  
    border: 1px solid transparent;

    box-shadow:
      0 14px 35px rgba(89,50,193,.25);

    min-width:260px;
}

  .button-secondary{
    color:var(--ink);
    background:#fff;
    border:1px solid #dcd5e9;


    color:#17131f;

    background:#fff;

    border:2px solid #17131f;

    box-shadow:none;

    min-width:240px;
}