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

<style scoped lang="scss">
.card {
  background: linear-gradient(180deg, rgba(241, 234, 250, 0.35) 0%, rgba(241, 241, 250, 0.35) 100%);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 1.33vh;
  padding: 0.67vh;
}
.card-container {
  height: 100%;
  border-radius: 1.33vh;
  background: linear-gradient(180deg, #fafafa 0%, #f4f0fa 100%);
}
</style>
