[data-component-id="bcnsmart_theme:card"] {
  justify-items: center;
  border-radius: 0.75rem;
  padding: 1.875rem 3.281rem 1.875rem 3.281rem;
  border: 0.063rem solid #484848;
  height: 100%;
  align-content: space-around;

  .card--image {
    margin-bottom: 20px;
    overflow: hidden;
    img {
      width: 2.5rem;
      height: 2.5rem;
    }
  }

  .card--title {
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 8px;
    margin-bottom: 0;
  }

  .card--content {
    text-align: center;
    font-size: 10.5pt;
    margin-bottom: 20px;
    flex-grow: 1;
  }

  

}

[data-component-id="bcnsmart_theme:card"].dark {
  border: 0.063rem solid #d7d7d7;

  .btn-cta {
    a {
      background-color: #f5f5f5;
      color: #53585a;
    }
    a:after {
      background-image: url("assets/arrow-right-dark.svg");
    }
    a:hover {
      background-color: #436E21;
      color: #f5f5f5;
      &:after {
        background-image: url("assets/arrow-right-light.svg");
      }
    }
  }
}

[data-component-id="bcnsmart_theme:card"].green {
  border: 0.063rem solid #dbe9be;
  background-color: #dbe9be;

  .btn-cta {
    a {
      background-color: #484848;
      color: #fff;
    }
    a:after {
      background-image: url("assets/arrow-right-light.svg");
    }

    a:hover {
      background-color: #436E21;
      color: #f5f5f5;

      &:after {
        background-image: url("assets/arrow-right-light.svg");
      }
    }
  }
}