img.inline {
    vertical-align: middle;
    height: 25px;
}




span.button {
    background-color: orange; 
    padding: 10px 24px;
    margin-bottom: 10px; 
    margin-right: 7px;
}

span.button.orange {
    background-color: orange; 
}

span.button.green {
    background-color: green; 
}

span.button.blue {
    background-color: blue; 
}

span.button a {
    color: white; 
    font-size: 12pt; 
    align-items: center; 
    row-gap: 7px; 
    column-gap: 7px;
    text-decoration: none; /* Optional: remove underline */
}

/* Prevent color change on hover */
span.button a:hover {
    color: inherit; /* Keep the same color on hover */
}

span.button a img {
    width: 20px; 
    vertical-align: middle;
}

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.c100 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px; 
}

img.c300 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 300px; 
}

img.c400 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
}

img.c500 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}

img.c600 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 600px; 
}

img.c800 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 800px; 
}