@risecx/carespace-chat-ui/lib/components/Messages/Card/card.css

carespace-chat-ui React component

.sc-message--content > .card-container-out {
    width: 295px;
}
.sc-message--content > .card-container-out .card.sc-message--card {
    margin: 0;
    width: 98%;
}
.sc-message--card{
  border-radius: 8px;
  text-align: left;
}
.sc-message--card img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}

.sc-message--card .container {
  padding: 2px 16px;
}

.sc-message--card h4{
  margin: 18px 0 0;
}
.sc-message--card p{
  margin: 5px 0 15px;
}
.card.sc-message--image{
  box-shadow: none;
  background: transparent;
}

.card .container h3,
.card .container h4,
.card .container h5{
  margin-top: 8px;
  color: #585858;
}