title: Hover on one element changes on another with css only
body: <p>Hi its a very basic question i just want to know when hover on one element the style of other changes how can I achieve this ?</p>
  
  <pre><code>&lt;form id="numerical" class="row"&gt;
    &lt;div class="form-group row"&gt;
      &lt;label&gt;Enter Number :&lt;/label&gt;
      &lt;input type="text" id="tel"&gt;
    &lt;/div&gt;
    &lt;div class="form-group row"&gt;
      &lt;label&gt;Result :&lt;/label&gt;
      &lt;input type="text" id="result"&gt;
    &lt;/div&gt;
    &lt;button type="submit" id="btn" class="row"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Like when i hover on <code>button</code> border-color of all the <code>input</code> changes.
  I only want this with <strong>css</strong> no <strong>js</strong> or <strong>jQuery</strong>.</p>