lo puedes manejar con la propiedad `border-image: round;` 



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

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

    .box {
      border: 2px solid green;  
      border-image-source: linear-gradient(#a42e6e, #783057);
      border-image-slice: 20;
      border-image: round;
      -webkit-border-image: round;
      padding: 2em;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
    }



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

    <div class="box">
        <h4 class="titulo-degradado-1">
          174
        </h4>
        <p>Atención al vecino</p>
      </div>

<!-- end snippet -->