/* -----------------------------------------------------------------------------
Character Link Button styling
----------------------------------------------------------------------------- */
.char-btn {
background-color: #e85a5a;
color: White;
border-radius: var(--border-radius--small);
text-align: center;
text-decoration: none;
display: inline-block;
padding: 4px 8px 4px;
margin: 5px;
min-width: 90px;
}
.char-btn:hover {
transform: translateY(-1px);
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.15) 0 4px 6px;
}