/* Button */

        .submitbutton {
            appearance: none;
            border: none;
            font-size: inherit;
            padding: 0.75em 1em;
            background: #5bc72b;
            color: white;
            display: inline-flex;
            align-items: center;
            cursor: pointer; 
       }
        .spinner {
            --size: 1.25em;
            --offset-r: calc(var(--size) * -1);
            --offset-l: 0;
            --opacity: 0;
            position: relative;
            display: inline-flex;
            height: var(--size);
            width: var(--size);
            margin-top: calc(var(--size) * -0.5);
            margin-right: var(--offset-r);
            margin-bottom: calc(var(--size) * -0.5);
            margin-left: var(--offset-l);
            box-sizing: border-box;
            border: 0.125em solid rgba(255, 255, 255, 0.333);
            border-top-color: white;
            border-radius: 50%;
            opacity: var(--opacity);
            transition: 0.25s;
       }
       .submitbutton:active .spinner, .submitbutton:focus .spinner, .submitbutton:hover .spinner {
            --width: 1em;
            --offset-r: 0.333em;
            --offset-l: -0.333em;
            --opacity: 1;
            animation: 0.666s load infinite;
       }
        @keyframes load {
            to {
                transform: rotate(360deg);
           }
       }