.btn-secondary-new{border-color:transparent;color:#fcfdfe;background-color:#667382;margin: calc((0.75rem) * .5);}.btn-secondary-new:hover{color:#fcfdfe;background-color:rgba(102,115,130,.8);border-color:transparent;}.btn-secondary-new:active{color:#fcfdfe;background-color:rgba(102,115,130,.8);border-color:transparent;}.btn-secondary-new:disabled{background-color:#667382;color:#fcfdfe;box-shadow:0 1px 0 rgba(24,36,51,.04),inset 0 -1px 0 rgba(24,36,51,.2);}
    .btn-primary-new{border-color:transparent;color:#fcfdfe;background-color:#206bc4;margin: calc((0.75rem) * .5);}.btn-primary-new:hover{color:#fcfdfe;background-color:rgba(32,107,196,.8);border-color:transparent;}.btn-primary-new:active{color:#fcfdfe;background-color:rgba(32,107,196,.8);border-color:transparent;}.btn-primary-new:disabled{background-color:#206bc4;color:#fcfdfe;box-shadow:0 1px 0 rgba(24,36,51,.04),inset 0 -1px 0 rgba(24,36,51,.2);}

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

    .button-text {
            position: relative;
            z-index: 2; 
        }
    .gradient-button {
        max-width: 110px; /* Match the old button width */
        max-height: 50px; /* Match the old button height */
        border-radius: 30px; /* Match the old button border-radius */
        font-size: smaller; /* Adjust font size if needed */
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        border: 1px solid transparent;
        cursor: pointer;
        outline: none;
        background: none;
        font-weight: 500;
        color: #1f1f1f;
        z-index: 1;
        padding: 10px 30px;
        font-family: Google Sans, Roboto, Helvetica Neue, Arial, sans-serif;
        overflow-y: auto;
        transition: background-color 2s ease;
    }

    .gradient-button::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 333%;
        top: -100%;
        z-index: 0;
        left: 0;
        background: radial-gradient(farthest-corner at bottom left, #ffbaec, transparent),
                    radial-gradient(farthest-corner at top left, #27f1ff, transparent),
                    radial-gradient(farthest-side at top right, #277eff, transparent),
                    radial-gradient(farthest-corner at bottom right, #f393d9, transparent);
        animation: sge-spin 4s linear infinite;
        transition: background 2s ease;
    }

    .gradient-button:hover::before {
        background: radial-gradient(closest-side at center, rgba(255, 255, 255, 0.015) 30%, rgba(255, 255, 255, 0.085) 60%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0.1) 100%),
                    radial-gradient(farthest-corner at bottom left, #ffbaec, transparent),
                    radial-gradient(farthest-corner at top left, #27f1ff, transparent),
                    radial-gradient(farthest-side at top right, #277eff, transparent),
                    radial-gradient(farthest-corner at bottom right, #f393d9, transparent);
    }