.arxiv-btn, .alphaxiv-btn, .audio-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-top: 10px;
    margin-right: 10px;
    background-color: #f8f8f8;
    text-decoration: none;
    border-radius: 20px;
    border: 1px solid;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    font-size: 14px;
}

.arxiv-btn {
    color: #b31b1b;
    border-color: #b31b1b;
}

.alphaxiv-btn {
    color: #008080;
    border-color: #008080;
}

.audio-btn {
    color: #6a0dad;
    border-color: #6a0dad;
}

.arxiv-btn:hover {
    background-color: #b31b1b;
    color: white !important;
    border-color: #b31b1b;
}

.alphaxiv-btn:hover {
    background-color: #008080;
    color: white !important;
    border-color: #008080;
}

.audio-btn:hover {
    background-color: #6a0dad;
    color: white !important;
    border-color: #6a0dad;
}

/* Dark theme support */
[data-theme="dark"] .arxiv-btn, 
[data-theme="dark"] .alphaxiv-btn,
[data-theme="dark"] .audio-btn {
    background-color: #222;
}

[data-theme="dark"] .arxiv-btn {
    color: #ff6b6b;
    border-color: #ff6b6b;
}

[data-theme="dark"] .alphaxiv-btn {
    color: #66cccc;
    border-color: #66cccc;
}

[data-theme="dark"] .audio-btn {
    color: #b388ff;
    border-color: #b388ff;
}

[data-theme="dark"] .arxiv-btn:hover {
    background-color: #ff6b6b;
    color: #222;
    border-color: #ff6b6b;
}

[data-theme="dark"] .alphaxiv-btn:hover {
    background-color: #66cccc;
    color: #222;
    border-color: #66cccc;
}

[data-theme="dark"] .audio-btn:hover {
    background-color: #b388ff;
    color: #222;
    border-color: #b388ff;
}