.card {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: var(--hscl-card-padding, 24px);
  border-radius: var(--hscl-card-borderRadius, 8px);
  background-color: var(--hscl-card-backgroundColor, #ffffff);
  box-shadow: var(--hscl-card-boxShadow, none);
  border: var(--hscl-card-border, none);

  &:hover {
    box-shadow: var(--hscl-card-boxShadow-hover, var(--hscl-card-boxShadow, none));
  }
}
