/*$box-shadow: (*/
/**/ /*"sm": 0 0 0.375rem 0 rgba(46, 38, 61, 0.18), //*/
/**/ /*"md": 0 0 0.625rem 0 rgba(46, 38, 61, 0.2), //*/
/**/ /*"lg": 0 0 1rem 0 rgba(46, 38, 61, 0.22) //
);*/
/*
1 colore bottone
2 bordo/hover
3 testo
*/
/*$box-shadow: (*/
/**/ /*"sm": 0 0 0.375rem 0 rgba(46, 38, 61, 0.18), //*/
/**/ /*"md": 0 0 0.625rem 0 rgba(46, 38, 61, 0.2), //*/
/**/ /*"lg": 0 0 1rem 0 rgba(46, 38, 61, 0.22) //
);*/
/*
1 colore bottone
2 bordo/hover
3 testo
*/
.card {
  display: flex;
  border: 1px solid var(--bg-dark);
  border-radius: 0.5rem;
  background: var(--bg-light);
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.5);
}
.card:not(:has(.card__section)) {
  padding: 1rem;
}
.card--vertical {
  flex-direction: column;
}
.card--horizontal {
  flex-direction: row;
}
@media (max-width: 1024px) {
  .card--horizontal {
    flex-direction: column;
  }
}
.card__section {
  padding: 1rem;
}
.card__section__border--bottom {
  border-bottom: 1px solid var(--bg-dark);
}
.card__section__border--top {
  border-top: 1px solid var(--bg-dark);
}
.card__section__border--left {
  border-left: 1px solid var(--bg-dark);
}
.card__section__border--right {
  border-right: 1px solid var(--bg-dark);
}

/*# sourceMappingURL=card.css.map */