@import '../../styles/colors';

.card {
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 1px 12px 0 rgba(34, 33, 78, 0.08), 0 2px 4px 0 rgba(34, 33, 78, 0.1);
  margin: 20px 5px 20px 5px;
  .title {
    border-bottom: 1px solid $color-white-1;
    padding: 15px 20px 15px 20px;
    color: $color-text-default;
    font-family: "PT Sans";
    height: 53px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 28px;
  }

  .buttons:empty {
    display: none;
  }
  .buttons {
    float: right;
    border-left: 1px solid $color-gray2;
    background-color: $color-gray0;
    height: 52px;
    margin-top: -15px;
    margin-right: -20px;
    padding-top: 5px;
  }
  .content-wrapper {
    padding: 5px;
    .content {
      padding: 20px;
      background-color: $color-gray0;
    }
  }
}
:host.highlighted {
  .card {
    box-shadow: 0 3px 6px 0 rgba(66,40,196,0.25);
    border: 1px solid $primary-color-main;
  }
}