#sign-in-right {
  position: relative;
  overflow: hidden;

  span {
    font-size: 28px;
  }

  &:before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    left: -180px;
    top: 0px;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 17.71%, rgba(255, 255, 255, 0) 100%);
  }

  &:after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    left: 240px;
    top: 240px;
    border-radius: 50%;
    transform: rotate(-90deg);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 17.71%, rgba(255, 255, 255, 0) 100%);
  }
}

#sign-in-left {
  @media (max-width: 576px) {
    padding: 20px !important;
  }
}