.linear-background {
  position: relative;

  &::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: var(--color-3);
    clip-path: ellipse(60% 75% at 50% 120%);
  }

  &::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 10%,
      rgba(0, 86, 145, 0.1) 90%,
      rgba(0, 86, 145, 0.2) 110%
    );
    content: "";
    z-index: -1;
  }
}