/* Image-free links automatically become text banners. Keep the name as link text. */
.site-button-grid { grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)); }
.site-button-grid a { width: 88px; height: 31px; min-height: 31px; justify-self: center; border-radius: 0; box-sizing: border-box; }
.site-button-grid img { width: 88px; height: 31px; max-width: none; object-fit: fill; }
.site-button-grid a:not(:has(img)) {
    position: relative;
    overflow: hidden;
    padding: 2px 5px;
    border: 2px ridge #ceeaff;
    background: radial-gradient(circle at 9% 16%, #fff 0 1px, transparent 2px), radial-gradient(circle at 91% 78%, #fff 0 1px, transparent 2px), linear-gradient(135deg, #225b83, #356b75 55%, #324f86);
    color: #fff;
    font-family: var(--font-deco);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px #173847;
    overflow-wrap: anywhere;
}
.site-button-grid a:focus-visible { outline: 3px solid #24577f; outline-offset: 3px; }