.avatars-form {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.avatars-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(75px, 1fr));
    gap: 1.5rem;
    justify-items: center;
}

.avatars-container label {
    cursor: pointer;
}

.avatars-container label img {
    border-radius: 100%;
    opacity: 0.7;
}

.avatars-container label:hover img {
    opacity: 1;
}

.avatars-container label input[type="radio"] {
    display: none;
}

.avatars-container label input[type="radio"]:checked+img {
    border: 2px solid var(--wp--preset--color--primario);
    opacity: 1;
}

.submit-avatar {
    cursor: pointer;
    text-decoration: none;
    width: max-content;
    padding: .5rem 1rem;
    color: var(--wp--preset--color--primario);
    background: var(--wp--preset--color--secundario);
    font-size: var(--wp--preset--font-size--default);
    border: none;
    border-radius: .25rem;
    transition: all .3s;
    margin: auto;
}

.submit-avatar:hover {
    color: #FFFFFF;
    background: var(--wp--preset--color--primario);
}