.link {
    display: inline-block;
    text-decoration: none;
    height: 48px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    width: 300px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0.1px;
    white-space: wrap;
    border-radius: 8px;
    cursor: pointer;
    margin: 0.5rem auto;
    display: block;
}

.link:hover,
.link:focus {
    border-color: #888;
    outline: 0;
}

.link-primary {
    color: #ffffff;
    filter: brightness(90%);
}

.link-primary:hover,
.link-primary:focus {
    filter: brightness(90%);
}

.icon {
    margin: 0 5px 0 0px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

/* Brand Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Default (this is great for your own brand color!) */
.link-default {
    color: #ffffff;
    background-color: #0085ff;
}

.link-default:hover,
.link-default:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* About */
.link-about {
    color: #ffffff;
    background-color: #18bc9c;
    border-color: #18bc9c;
}

.link-about:hover,
.link-about:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Amazon */
.link-amazon {
    color: #000000;
    background-color: #ffffff;
}

.link-amazon:hover,
.link-amazon:focus {
    color: #000000;
    filter: brightness(90%);
}

/* Apple App Store */
.link-appstore {
    color: #ffffff;
    background-color: #000000;
}

.link-appstore:hover,
.link-appstore:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Bandcamp */
.link-bandcamp {
    color: #ffffff;
    background-color: #1d9fc3;
}

.link-bandcamp:hover,
.link-bandcamp:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Buy Me a Coffee */
.link-coffee {
    color: #100a26;
    background-color: #ffdd00;
}

.link-coffee:hover,
.link-coffee:focus {
    color: #100a26;
    filter: brightness(90%);
}

/* Cash App */
.link-cashapp {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #00d64b, #00c244);
}

.link-cashapp:hover,
.link-cashapp:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* dev.to */
.link-dev-to {
    color: #000000;
    background-color: #eff2f3;
}

.link-dev-to:hover,
.link-dev-to:focus {
    color: #000000;
    filter: brightness(90%);
}

/* Discord */
.link-discord {
    color: #ffffff;
    background-color: #5865f2;
}

.link-discord:hover,
.link-discord:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Donation */
.link-donate {
    color: #ffffff;
    background-color: #f39c12;
    border-color: #f39c12;
}

.link-donate:hover,
.link-donate:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* E-Mail */
.link-email {
    color: #ffffff;
    background-color: #ff7061;
}

.link-email:hover,
.link-email:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Etsy */
.link-etsy {
    color: #ffffff;
    background-color: #F45800;
}

.link-etsy:hover,
.link-etsy:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Facebook */
.link-faceb {
    color: #ffffff;
    background-color: #1877f2;
}

.link-faceb:hover,
.link-faceb:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Facebook Messenger */
.link-messenger {
    color: #ffffff;
    background-image: linear-gradient(25deg,
            #0099ff,
            #5f5dff,
            #a033ff,
            #c740cc,
            #ff5280,
            #ff7061);
}

.link-messenger:hover,
.link-messenger:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Figma */
.link-figma {
    color: #ffffff;
    background-color: #000000;
}

.link-figma:hover,
.link-figma:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Github */
.link-github {
    color: #ffffff;
    background-color: #000000;
}

.link-github:hover,
.link-github:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Gitlab */
.link-gitlab {
    color: #ffffff;
    background-color: #6151b2;
}

.link-gitlab:hover,
.link-gitlab:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Goodreads */
.link-goodreads {
    color: #333333;
    background-color: #f3f1e6;
}

.link-goodreads:hover,
.link-goodreads:focus {
    color: #333333;
    filter: brightness(90%);
}

/* Google Play Store */
.link-playstore {
    color: #ffffff;
    background-color: #000000;
}

.link-playstore:hover,
.link-playstore:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Instagram */
.link-instagram {
    color: #ffffff;
    background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000);
}

.link-instagram:hover,
.link-instagram:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* kickstarter */
.link-kickstarter {
    color: #ffffff;
    background-color: #05ce78;
}

.link-kickstarter:hover,
.link-kickstarter:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Kit */
.link-kit {
    color: #ffffff;
    background-color: #000000;
}

.link-kit:hover,
.link-kit:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* LinkedIn */
.link-linked {
    color: #ffffff;
    background-color: #2867b2;
}

.link-linked:hover,
.link-linked:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Mastodon */
.link-mastodon {
    color: #ffffff;
    background-color: #1f232b;
}

.link-mastodon:hover,
.link-mastodon:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Medium */
.link-medium {
    color: #ffffff;
    background-color: #000000;
}

.link-medium:hover,
.link-medium:focus {
    filter: brightness(90%);
}

/* Minecraft */
.link-minecraft {
    color: #ffffff;
    /* background-color: #107c10; */
    background-image: linear-gradient(0deg, #734e32, #734e32, #734e32, #107c10);
}

.link-minecraft:hover,
.link-minecraft:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Notion */
.link-notion {
    color: #000000;
    border-style: solid;
    border-color: #000000;
    border-width: 2px;
    background-color: #ffffff;
}

.link-notion:hover,
.link-notion:focus {
    color: #000000;
    filter: brightness(90%);
}

/* Odysee */
.link-odysee {
    color: #ffffff;
    background-image: linear-gradient(-135deg, #b900b4, #f50000);
}

.link-odysee:hover,
.link-odysee:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* OnlyFans */
.link-onlyfans {
    color: #ffffff;
    background-color: #00AEEF;
}

.link-onlyfans:hover,
.link-onlyfans:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Patreon */
.link-patreon {
    color: #ffffff;
    background-color: #ff424d;
}

.link-patreon:hover,
.link-patreon:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* PayPal */
.link-paypal {
    color: #ffffff;
    background-color: #003087;
}

.link-paypal:hover,
.link-paypal:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Pinterest */
.link-pinterest {
    color: #000000;
    background-color: #ffe2eb;
}

.link-pinterest:hover,
.link-pinterest:focus {
    color: #000000;
    filter: brightness(90%);
}

/* Producthunt */
.link-producthunt {
    color: #da552f;
    border-style: solid;
    border-color: #da552f;
    border-width: 2px;
    background-color: #ffffff;
}

.link-producthunt:hover,
.link-producthunt:focus {
    color: #da552f;
    filter: brightness(90%);
}

/* Reddit */
.link-reddit {
    color: #000000;
    background-color: #d7dfe2;
}

.link-reddit:hover,
.link-reddit:focus {
    color: #000000;
    filter: brightness(90%);
}

/* Signal */
.link-signal {
    color: #ffffff;
    background-color: #3a76f0;
}

.link-signal:hover,
.link-signal:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Skoob */
.link-skoob {
    color: #ffffff;
    background-color: #3189c8;
}

.link-skoob:hover,
.link-skoob:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Snapchat */
.link-snapchat {
    color: #000000;
    background-color: #fffc00;
}

.link-snapchat:hover,
.link-snapchat:focus {
    color: #000000;
    filter: brightness(90%);
}

/* SoundCloud */
.link-soundcloud {
    color: #ffffff;
    background-color: #ff5500;
}

.link-soundcloud:hover,
.link-soundcloud:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Spotify */
.link-spotify {
    color: #ffffff;
    background-color: #000000;
}

.link-spotify:hover,
.link-spotify:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Steam */
.link-steam {
    color: #ffffff;
    background-color: #171a21;
}

.link-steam:hover,
.link-steam:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Shopee */
.link-shopee {
    color: #ffffff;
    background-color: #ee4d2d;
}

.link-shopee:hover,
.link-shopee:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Telegram */
.link-telegram {
    color: #ffffff;
    background-color: #3faee8;
}

.link-telegram:hover,
.link-telegram:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* TikTok */
.link-tiktok {
    color: #ffffff;
    background-color: #000000;
}

.link-tiktok:hover,
.link-tiktok:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Trello */
.link-trello {
    color: #ffffff;
    background-color: #0065ff;
}

.link-trello:hover,
.link-trello:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Tumblr */
.link-tumb {
    color: #ffffff;
    background-color: #131313;
}

.link-tumb:hover,
.link-tumb:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Twitch */
.link-twitch {
    color: #ffffff;
    background-color: #9146ff;
}

.link-twitch:hover,
.link-twitch:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Twitter */
.link-twit {
    color: #ffffff;
    background-color: #1da1f2;
}

.link-twit:hover,
.link-twit:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Venmo */
.link-venmo {
    color: #ffffff;
    background-color: #008CFF;
}

.link-venmo:hover,
.link-venmo:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Vimeo */
.link-vimeo {
    color: #ffffff;
    background-color: #1ab7ea;
}

.link-vimeo:hover,
.link-vimeo:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* VRChat */
.link-vrchat {
    color: #000000;
    background-color: #ffffff;
    border: 2px solid black;
}

.link-vrchat:hover,
.link-vrchat:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Website */
.link-web {
    color: #ffffff;
    background-color: #000000;
}

.link-web:hover,
.link-web:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* WhatsApp */
.link-whatsapp {
    color: #ffffff;
    background-color: #455a64;
}

.link-whatsapp:hover,
.link-whatsapp:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Wordpress */
.link-wordpress {
    color: #ffffff;
    background-color: #21759b;
}

.link-wordpress:hover,
.link-wordpress:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Xing */
.link-xing {
    color: #ffffff;
    background-color: #026466;
}

.link-xing:hover,
.link-xing:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* Yahoo 拍賣 */
.link-yahoobid {
    color: #000000;
    background-color: #ffca28;
    border-color: #ffca28;
}

.link-yahoobid:hover,
.link-yahoobid:focus {
    color: #000000;
    filter: brightness(90%);
}

/* YouTube */
.link-yt {
    color: #ffffff;
    background-color: #000000;
}

.link-yt:hover,
.link-yt:focus {
    color: #ffffff;
    filter: brightness(90%);
}

/* more */
.link-more {
    color: #ffffff;
    background-color: #ED82A2;
}

.link-more:hover,
.link-more:focus {
    color: #ffffff;
    filter: brightness(90%);
}