Hola estoy queriendo aplicar a una caja bordes redondeados con degradados pero no logro hacerlo, si bien el degradado lo aplica los bordes no, quisiera que quedarancomo el ejemplo que adjunto
.box {
border: 2px solid green;
border-image-source: linear-gradient(#a42e6e, #783057);
border-image-slice: 20;
padding: 2em;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
<div class="box">
<h4 class="titulo-degradado-1">
174
</h4>
<p>Atención al vecino</p>
</div>