Blink branded CSS

Whenever you have custom buttons on your web application for starting donate, subscribe or login with Blink flows, you can use the below CSS for styling the button with Blink-branded colors.

 

    .blink-button {
        padding: 13px;
        border-radius: 4px;
        outline: 0;
        font-size: 16px;
        border: none;
        cursor: pointer;
        transition: .3s ease;
        -webkit-user-select: none;
        user-select: none;
        display: inline-block;
        box-shadow: 0 2px 8px 0 rgba(6, 73, 83, 0.36);
        background: #1A8289;
        text-shadow: 0 1px 2px rgba(6,73,83,.12);
        color: #FFFFFF;
    }

    .blink-button:hover {
        background: #1E727E;
        box-shadow: 0 2px 10px 0 rgba(6,73,83,.48);
    }