.email-sign-in-button {
    cursor: pointer;
    transition: background-color .3s, box-shadow .3s;

    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);

    color: #757575;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

    background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNzU3NTc1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHBhdGggZD0iTTMgNEgxN2ExIDEgMCAwMSAxIDF2OC4wM2ExIDEgMCAwMS0xIDFIM2ExIDEgMCAwMS0xLTFWNWExIDEgMCAwMSAxLTF6bTIuNjQgMi4xN2wzLjk1IDIuNzdhLjUuNSAwIDAwLjgyIDBsMy45NS0yLjc3YS41LjUgMCAwMC0uNTktLjg0SDYuMjRhLjUuNSAwIDAwLS41OS44NHoiLz48L3N2Zz4=');
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
}

.email-sign-in-button:hover {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
}

.email-sign-in-button:active {
    background-color: #eeeeee;
    outline: none;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04),
    0 2px 4px rgba(0, 0, 0, .25),
    0 0 0 3px #c8dafc;
}

.email-sign-in-button:disabled {
    filter: grayscale(100%);
    background-color: #ebebeb;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    cursor: not-allowed;
}