.gf-verification-wrapper {
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.verification-instructions {
    margin-bottom: 10px;
    font-size: 14px;
}

.sms-status {
    margin: 10px 0;
    font-weight: bold;
}

#gf-verification-code {
    width: 150px;
    padding: 8px;
    margin-right: 10px;
}
  .verification-buttons {
      margin: 10px 0;
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
  }

  .verify-code-button,
  .resend-code-button,
  .clear-phone-button {
      background: #2271b1;
      color: white;
      border: none;
      padding: 8px 15px;
      cursor: pointer;
      border-radius: 3px;
  }

  .resend-code-button {
      background: #6c757d; /* A different color to distinguish */
  }

  .clear-phone-button {
      background: #dc3545; /* Red for clear action */
  }
.verification-message {
    margin-top: 10px;
    font-weight: bold;
}

.gf-verification-wrapper.verified {
    padding: 8px;
    border-color: #4CAF50;
    background-color: #f8fff8;
}

.verification-message.success {
    color: #4CAF50;
    font-weight: bold;
    margin: 0;
    display: flex;
    align-items: center;
}

.verified-icon {
    font-size: 18px;
    margin-right: 8px;
    color: #4CAF50;
}