.card {

	--white: hsl(0, 0%, 100%);
    --black: hsl(240, 15%, 9%);
    --line: hsl(240, 9%, 17%);
    --primary: #d658aa;
    position: relative;
    display: flex
;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    width: 19rem;
    background-color: hsla(240, 15%, 9%, 1);
    background-image: radial-gradient(at 88% 40%, hsla(240, 15%, 9%, 1) 0px, transparent 85%), radial-gradient(at 49% 30%, hsla(240, 15%, 9%, 1) 0px, transparent 85%), radial-gradient(at 14% 26%, hsla(240, 15%, 9%, 1) 0px, #00000030 85%), radial-gradient(at 0% 64%, hsl(0deg 0% 0%) 0px, transparent 85%), radial-gradient(at 41% 94%, #000000a8 0px, transparent 85%), radial-gradient(at 100% 99%, hsl(0deg 0% 0% / 61%) 0px, transparent 85%);    border-radius: 1rem;

  }
  
  .card .card__border {
	overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: -10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-image: linear-gradient(0deg, #1f1f1f -50%, #333333 100%);
    border-radius: 1rem;
  }
  
  .card .card__border::before {
	content: "";
	pointer-events: none;
  
	position: fixed;
	z-index: 200;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%), rotate(0deg);
	transform-origin: left;
  
	width: 200%;
	height: 10rem;
  background-image: linear-gradient(0deg, hsl(0deg 0% 100% / 0%) 0%, hsl(78.15deg 95% 60% / 76%) 40%, hsl(79.27deg 70.48% 42.02%) 60%, hsla(0, 0%, 40%, 0) 100%);
  
	animation: rotate 8s linear infinite;
  }
  
  @keyframes rotate {
	to {
	  transform: rotate(360deg);
	}
  }
  
  .card .card_title__container .card_title {
	font-size: 22px;
  }
  
  .card .card_title__container .card_paragraph {
    margin-top: 0.25rem;
    width: 65%;
    font-size: 13px;
    width: 100%;
    text-align: -webkit-center;
    color: var(--paragraph);
  }
  
  .card .line {
    width: 100%;
    height: 0.1rem;
    /* background-color: hsl(240deg 10.32% 30.98%); */
    border: none;
    background: radial-gradient(circle at 74.2% 50.9%, #980065 5.2%, rgb(5 43 130) 75.3%);
    opacity: 72%;
  }
  
  .card .card__list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
  }
  
  .card .card__list .card__list_item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
  }
  
  .card .card__list .card__list_item .check {
	display: flex;
	justify-content: center;
	align-items: center;
  
	width: 1rem;
	height: 1rem;
	background-color: var(--primary);
  
	border-radius: 50%;
  }
  
  .card .card__list .card__list_item .check .check_svg {
	width: 0.75rem;
	height: 0.75rem;
  
	fill: var(--black);
  }
  
  .card .card__list .card__list_item .list_text {
	font-size: 0.75rem;
	color: var(--white);
  }
  
  .card .button {
    cursor: pointer;
    padding: 1rem;
    width: 100%;
    background: linear-gradient(135deg, #3030303b, #000000);
    border: 1px solid #3cb7c791;
    font-size: 1rem;
    /* font-weight: 600; */
    color: var(--white);
    border-radius: 0.75rem;
    box-shadow: 0 4px 15px #3cb7c700;
    transition: all 0.3s ease;
  }
  
  /* Info icon sizing inside card rows */
  .card .info-icon {
    width: 20px;
    height: 20px;
  }