.my-card {
  border-radius: 10px !important;
  border: 1px solid #e7e7e7;
  box-shadow: 10px 20px 40px 0 rgba(0, 0, 0, 0.05) !important;
  backdrop-filter: blur(40px);
  padding: 22px 32px;
  position: relative;

  & h3 {
    margin: 0;
  }

  .card-title-text {
    display: flex;
    align-items: center;
    gap: 0.375rem;

    .card-title-icon {
      font-size: 1em;
      width: 1em;
      height: 1em;
      vertical-align: middle;
    }
  }

  & hr {
    margin: 0.75rem 0;
  }

  .card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .card-title-center {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  hr {
    background-color: #999;
    height: 1px;
    border: 0;
  }

  .not-fit {
    width: auto;
  }
}