Border gradient color with transparent background and border-radius

border-gradient.scss

.class_name {
  border: 0.094rem solid transparent;
  border-radius: 20px;
  position: relative;

  padding-top: 30px;
  padding-bottom: 20px;

  &::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: linear-gradient(180deg, #8486a7, transparent) border-box;
    border: inherit;
    border-radius: inherit;
    mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff);
    mask-composite: exclude;
  }
}