@use 'variables';

.card.stats-card {
  background-color: variables.$alt-background-color;
  border-radius: calc(variables.$border-radius * 2);
  padding: 20px 40px;

  .card-header {
    justify-content: space-between;
    padding: 0;

    background-color: variables.$secondary-background-color;
    border-bottom: none;

    .card-title {
      margin: 0;
      margin-top: 16px;
      font-weight: 300;
    }


    .card-subtitle {
      color: variables.$text-muted-color;
    }

  }
  .card-icon{
    position: absolute;
    right: 15px;
    top: 5px;
    color: rgba(255, 255, 255, 0.29);
    font-size: 80px;
    opacity: 20%;
  }
  .card-body {
    padding: 0;
    padding-top: 16px;
  }
}