<script>
    export let variables = {title:""}
</script>

<div>
    <span>{variables.title}</span>
    <slot />
</div>

<style>
span {
    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 600;
    font-size: 20px;
}
div {
    width: 85%;
    max-width: 400px;
    margin: auto;
    margin-top: 25px;
    padding: 10px;
    background-color: var(--overlay-color);
    border-radius: 10px;
}
</style>