.webrings-box {
    overflow: hidden;
    width: 600px;
    height: 250px;
    background-color: #ffffff;
    margin: 10px auto;
    border-style: ridge;
    border-width:3px;
    border-color: #FFFFFF var(--border-gray) var(--border-gray) #FFFFFF;
    
    position: absolute;
    top: 50px;
    left: 20%;
    margin-left: -300px;
}

.webrings-gallery {
    margin-top: 20px;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;

    align-items: center;
    justify-content: center;
    text-align: center;
}

.retronaut-webring {
    height: fit-content;
    width: 280px;
    border-style: ridge;
    border-width:3px;
    border-color: #FFFFFF var(--border-gray) var(--border-gray) #FFFFFF;
    background-color: var(--ui-background);
}

.retronaut-webring button {
    width: 75px;
    height: 24px;
    margin: 7px 6px;
    background:var(--ui-background);
    border-width:1px;
    border-color:#FFFFFF var(--border-gray) var(--border-gray) #FFFFFF;
    padding:0;
}
.retronaut-webring button a{
    color: black;
    text-decoration: none;
}
.retronaut-webring .title button a {
    text-decoration: none;
    color: black;
    font-size:11px;
    font-weight:1000;
    font-family:Tahoma;
    position: relative;
    bottom: 4px;
}