Award

.award {
    box-sizing: border-box;
    width: max-content;
    min-width: calc(50% - 1em);
    margin: 1em auto;
    padding: 0.25em 0;
    border: solid transparent 1px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-shadow: 3px 3px 5px #0008;
    white-space: nowrap;
    transition: text-shadow 0.5s;
}
.award a {
    transition: text-shadow 0.5s;
}
.award a:hover {
    text-shadow: 3px 3px 10px #ccc8;
}
.award-tie {
    display: flex;
    justify-content: space-between;
    gap: 1em;
    margin-bottom: -1em;
}
.award.gold {
    background: linear-gradient(349deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03);
    color: #640;
}
.award.silver {
    background: linear-gradient(349deg, #A5A5A5, #BABAC2, #E8E8E8, #A5A5A5, #BABAC2);
    color: #555;
}
.award.bronze {
    background: linear-gradient(349deg, rgba(229,138,61,.9), rgba(217,139,43,.9), rgba(168,80,21,.9), rgba(260,164,79,.9));
    color: #654;
}

.award {
    border: none;
    padding: 1em;
    position: relative;
    z-index: 0;
    font-size: 1.25em;
}
.award a {
    color: inherit;    
    text-decoration: none;
    font-weight: bold;
}
.award a:not(:has(img)) {
    filter: brightness(2);
}
.award::before {
    content: "";
    position: absolute;
    inset: 5px;
    background: #000;
    z-index: -1;
}