<script setup lang="ts">
</script>

<template>
  <div class="card">
    <slot />
  </div>
</template>

<style>
.card {
  border-radius: var(--spacing-2-5);
  padding: var(--spacing-5) !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  gap: var(--spacing-4);
  box-shadow: var(--spacing-1) var(--spacing-1-5) var(--spacing-2-5) var(--spacing-0) rgba(0, 12, 11, 0.05);
}
</style>
