:root {
    --link-button-color: #fefae0;
}

.side-by-side-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

.side-by-side-container * {
    width: 45%;
}

#link-button-container {
    text-align: center;
    margin-top: 3em;
    margin-bottom: 3em;
}

#link-button:link, #link-button:visited, #link-button:hover {
    display: inline-block;
    padding: 1.5em;
    border-radius: 5px;

    text-align: center;

    background-color: var(--link-button-color);
    border: solid 3px color-mix(in srgb, #fefae0 60%, black 40%);
    color: black;

    text-decoration: none;
    font-weight: bold;

    transition: filter 0.3s;
}

#link-button:hover {
    filter: brightness(0.9);
}