.demo-container {
            max-width: 300px;
           
        }

        /* Core button positioning */
        .rotating-border-btn {
            position: relative;
            background-color: #ff541f;
            width: 100%;
            color: #ffffff;
            padding-top: 17px;
            padding-bottom: 17px;
            border-radius: 15px;
            border: none;
            overflow: hidden; /* Hides the spinning corners */
            z-index: 1;
            transition: color 0.3s ease;
        }

        /* Keeps text and icon layered on top */
        .rotating-border-btn span {
            position: relative;
            z-index: 3;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        /* The rotating colored element (hidden by default) */
        .rotating-border-btn::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            /* Change these hex codes to change outline colors */
            background: conic-gradient(#ff541f, #ebf745, #ff541f, #5df3e7);
            animation: rotateBorder 2s linear infinite;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: -2;
        }

       
        .rotating-border-btn::after {
            content: '';
            position: absolute;
            inset: 2px; /* Controls outline thickness (3px) */
            background: #ff541f; /* Matches button background */
            border-radius: 12px; /* Slightly smaller to match curve */
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: -1;
        }

        /* Show the effect on hover */
        .rotating-border-btn:hover::before,
        .rotating-border-btn:hover::after {
            opacity: 1;
        }

        /* The rotation animation */
        @keyframes rotateBorder {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }