Tengo un formulario con un botón `submit` que tiene un texto. Ese texto es demasiado largo y a ciertas resoluciones no se ve bien. El texto es irremediablemente este:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    .divSumit {
      padding-left: 50px !important;
      padding-right: 50px !important;
      width: auto;
      height: auto;
      display: inline-block;
    }

<!-- language: lang-html -->

    <div class="final">
      <div class="checkbox">
        <label><input type="checkbox" class="checkbox" name="checkbox" required>Acepto recibir comunicaciones de EmpresaEjemplo, así como su política de privacidad.</a></label>
      </div>

      <div class="divSumit">
        <input class="submit" type="submit" href="http://enlace.com" class="submit" value="HAZ CLICK EN ESTE BOTÓN Y PIDE TU DVD" name="submit" id="submit">
      </div>
    </div>

<!-- end snippet -->

¿Cómo puedo hacer para que entre todo el texto en el botón de `submit`?