@import url(https://square-fonts-production-f.squarecdn.com/square-sans.min.css);

.sq-button {
    font-family: var(--square-sans-text);
    margin: 0 auto 20px auto;
    background-color: #3374ff;
    padding: 12px 16px;
    color: #fff;
    border-radius: 8px;
    border: none;
}

    .sq-button:focus {
        outline: none;
    }

    .sq-button:hover {
        cursor: pointer;
        filter: brightness(90%);
        -webkit-transition: all 30ms ease-in-out;
        -moz-transition: all 30ms ease-in-out;
        -ms-transition: all 30ms ease-in-out;
        -o-transition: all 30ms ease-in-out;
        transition: all 30ms ease-in-out;
    }

.sq-button input:focus {
    border: none;
    outline: none;
}

.sq-button input {
    width: 100%;
    height: 48px;
    padding-left: 16px;
    background-color: #fff;
    font-size: 16px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
}