.ui-card {
  max-width: $layout-width-m;
  display: block;
  background: $color-gray-09;
  box-shadow: $shadow-bottom-default;
  border-radius: $border-radius-m;
}

.ui-card-section {
  padding: 15px;
  display: block;
  border-top: $border-dark;

  &:first-child {
    border-top: none;
    border-radius: $border-radius-m $border-radius-m 0 0;
  }

  &:last-child {
    border-radius: 0 0 $border-radius-m $border-radius-m;
  }
}

.ui-card-gray {
  background: $color-gray-08;
}