.content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.links {
    text-align:center;
    display: table;

    margin-left: 0;
    /* Отступ слева в браузере IE и Opera */
    padding-left: 0;
    /* Отступ слева в браузере Firefox, Safari, Chrome */
}
.links li {
    text-decoration: none;
    list-style-type: none;
}

/* Ссылка, выглядящая как кнопка */
.links li a {
    background-color: var(--color-bg-element);
    color: var(--color-text);
    display: inline-block;
    padding: 14px 40px;
    font-size: var(--text-header-button-size);
    margin: 14px 40px;

    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;

    border: 1px solid transparent;
    border-radius: 20px;

    transition: background-color var(--animation-duration) linear 0s;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.links li a:hover {
    background-color: var(--color-bg-element-hover);
}