.reactive-label { cursor: text; color: #333; transform: translate(0, 0); transition: all .1s; } .reactive-label.small { cursor: default; color: #888; } @media (max-width: 768px) { .reactive-label { position: absolute; left: 4px; top: 8px; } .reactive-label.small { transform: translate(0, -120%); font-size: 12px; } }