/* Submit Button Styling */
.submit-btn {
  margin: 4px;
  position: relative;
  padding: 10px 30px; /* Large button size */
  background-color: #28a745; /* Dollar green color */
  color: white;
  font-size: 1.2rem; /* Large font size */
  font-family:Roboto;
  font-weight: bold;
  border: none;
  cursor: pointer;
  outline: none;
  border-radius: 25px;
  overflow: hidden;
  transition: background-color 0.3s ease;
}

.submit-btn:hover {
  background-color: #218838;
}

/* Noticeable diagonal stripe effect */
/* Create the diagonal stripe */
        .submit-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -50%;
            width: 200%;
            height: 100%;
            background: linear-gradient(120deg, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.1) 70%);
            transition: none;
            z-index: 0;
        }

        /* Animation for the stripe */
        .submit-btn::before {
            animation: slide 3s linear infinite;
        }

        /* Button text stays on top */
        .submit-btn span {
            position: relative;
            z-index: 1;
        }

        /* Keyframes to animate the stripe */
        @keyframes slide {
            0% {
                transform: translateX(-100%);
            }
            100% {
                transform: translateX(100%);
            }
        }