.box-compra {
    width:100%;
    max-width:600px;
    box-shadow:0px 0px 30px rgba(0,0,0,0.2);
    padding:20px 40px;
    border-radius:30px;
    margin:20px auto;
    line-height:22px;
}

.box-compra table {
    width:100%;
}

.box-compra table td:last-child {text-align:right;font-family:monospace;min-width: 100px;}

.box-compra h2 {
    border-left:2px solid var(--yellow);
    padding:12px;
    font-size:18px;
    font-weight:500;
    background:linear-gradient(to right, #ffffff14, transparent);
    margin: 30px 0px 20px;
}

.box-compra .btn {
    width:100%;
    margin-bottom:12px;
    text-align:center;
}

.box-compra .btn-secondary {
    background:rgba(255,255,255,0.1);
    background:none;
    border:2px solid var(--blue);
    color:var(--blue);
}

.box-compra svg {
    float:left;
    margin-right:12px;
    margin-bottom:12px
}

.box-compra td {
    padding:12px 0px 0px;
}
  .loading-spinner {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 3px solid #ccc;
    border-top: 3px solid #0073aa; /* cor do spinner */
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin: 20px auto;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }