kitty/docs/support.html

<style>
#support-buttons {
    display: flex;
    flex-wrap: wrap;
}

.support-button {
    box-sizing: border-box;
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
    color: rgb(51, 51, 51);
    font-size: inherit;
    font-family: Arial;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none;
    margin-left: 1em;
    outline: 0;
    border-width: 0;
}

.support-button:hover {
    transform: scale(1.2);
    border: solid 1px rgb(92, 184, 92);
}

.support-button:visited {
    color: rgb(51, 51, 51);
    outline: 0;
}

#support-buttons > div {
    margin-top: 3ex;
    text-align: center;
}

#paypal input[type=submit] {
    background: linear-gradient(rgb(92, 184, 92) 5%, rgb(62, 142, 62) 100%) rgb(92, 184, 92);
    padding-top: 10px; padding-bottom: 10px;
    color: rgb(51, 51, 51);
    border: 1px solid rgb(92, 184, 92);
}

a.support-button {
    background: linear-gradient(rgb(92, 184, 92) 5%, rgb(62, 142, 62) 100%) rgb(92, 184, 92);
    color: rgb(51, 51, 51);
}

</style>

<div id="support-buttons">

<div id="github">
    <a class="support-button" href="https://github.com/sponsors/kovidgoyal">Patronage via GitHub</a>
</div>


<div id="patreon">
    <a class="support-button" href="https://www.patreon.com/bePatron?u=917933">Patronage via Patreon</a>
</div>

<div id="liberapay">
    <a class="support-button" href="https://liberapay.com/kovidgoyal/donate">Patronage via Liberapay</a>
</div>

<div>
    <form id="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" title="Contribute to support calibre development">
        <input type="hidden" name="cmd" value="_s-xclick" />
        <input type="hidden" name="hosted_button_id" value="FEELASHWEL5HS" />
        <input class="support-button" type="submit" name="submit" value="One time support via PayPal" />
        <img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1" />
    </form>
</div>

</div>