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

<template>
    <button class="primary">
        Sign in
    </button>
</template>

<style scoped>
button.primary {
  display: grid;
  color: var(--primary);
  padding: 3px 15px;
  font-size: 16px;
  border: 1px solid var(--accent);
  background: var(--darken);
  place-content: center;
  place-items: center;
}

button.primary:hover {
    background: var(--shadow);
}
</style>
