.section {
    text-align: center;
}

.section * {
    margin-top: unset;
}

.section a {
    justify-content: center;
    text-align: center;
    font-family: "Red Hat Display";
    display: inline-flex;
    align-items: center;
    padding: 0.4em 1em;
    font-family: "Red Hat Display";
    font-weight: 500;
    font-size: 1.1em;
    border-radius: 8px;
    background-color: var(--background-color-dark);
}

.section div {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: stretch;
}

.section a:hover {
    background-color: var(--theme-color-500);
    text-decoration: none;
}


/* mobile */
@media(max-aspect-ratio: 7/6) {
    .section div {
      flex-direction: column;
    }
}