.Card {
  border-radius: 8px;
  height: 100%;

  .Button {
    width: fit-content;
  }

  &._full_padd {
    padding: 24px;
  }

  &._fill {
    background-color: #f5f5fa;
  }

  &._border {
    border: 1px solid $gray;
  }

  .box-image {
    height: 250px;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 8px 8px 0 0;
  }

  .content-icon {
    gap: 40px;

    .icon {
      width: 32px;
      height: 32px;
    }
  }

  .content-text {
    gap: 24px;

    .text {
      gap: 8px;
    }

    &._with_padd {
      padding: 24px;
    }
  }
}

._dark-mode {
  .Card {
    &._fill {
      background-color: #30329c;
    }

    &._border {
      border: 1px solid $green;
    }
  }
}