div {
    align-items:    center;
    display:        flex;
    flex-direction: row;
    margin-bottom:  16px;
}

div > :not(div) {
    margin: 0;
}

div > :not(:last-child) {
    margin-right: 5px;
}

div > input[type="text"] {
    flex-grow: 1;
}

div.bad-principal > :not(div) {
    animation-iteration-count: 3;
    animation-timing-function: linear;
    animation:                 bad-principal 0.2s;
}

@keyframes bad-principal {
      0% { transform: translateX(0);     }
     33% { transform: translateX(-15px); }
     66% { transform: translateX(+15px); }
    100% { transform: translateX(0);     }
}