.birdbutton, .birdbutton:link, .birdbutton:visited{
    border: 2pt solid var(--content-text-color);
    background-color: var(--sidetext-text-www);
    background-position-x: 20mm;
    background-repeat: no-repeat;
    padding: 0.5mm 3mm;
    font-size: 12pt;
    border-radius: 2mm;
    background-image: linear-gradient(-80deg, 
        var(--sidetext-text-www) 0%, 
        var(--sidetext-text-www) 9%, 
        var(--sidetext-text-main) 10%, 
        var(--sidetext-text-main) 19%, 
        var(--sidetext-text-internet) 20%, 
        var(--sidetext-text-internet) 29%, 
        var(--main-bg-color) 30%, 
        var(--main-bg-color) 39%, 
        var(--sidetext-text-www) 40%, 
        var(--sidetext-text-www) 100%);

    transition: background-position-x 0.5s;
    transition: color 0.1s;
    user-select: none;
    text-decoration: none;

    text-shadow: #00000030 1pt 1pt 2pt;
    box-shadow: inset 1pt 1pt 3pt #00000040;
    font-family: 'Patua One';

    color: var(--content-text-color);
}

.birdbutton.large{
    font-size: 20pt;
}

.birdbutton:hover {
    background-position-x: 0mm;
    color: var(--content-text-color-highlight);
    transition: 0.1s;
}