.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: calc(var(--spacing) * 2);
}

@media (max-width: 768px) {
    .container {
        max-width: 360px;
    }

    .container li {
        display: flex;
        flex-direction: column;
    }

    .container li span {
        display: none;
    }
}

.features {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: var(--spacing);
}

ul {
    list-style: none;
    text-align: center;
}

li {
    margin-bottom: var(--spacing);
}

li span {
    padding: 0 0.25rem;
}

.links {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(var(--spacing) * 2);
    gap: var(--spacing);
}