Rounded gradient border box

rounded-gradient-border-box.css

.rounded-gradient-borders {
  // ----------------------------------------------------------------------
  padding: 6px;    // border weight
  background-image:
    linear-gradient(45deg, white 0%, #eaeaea 100%), // inside color
    radial-gradient(circle at top left, #55e7e2, #30d884); // border color
  background-origin: border-box;
  background-clip: content-box, border-box;
  border: 1px transparent;
  border-radius: 10px;
  border-image-slice: 1;
  // ----------------------------------------------------------------------
}