<script>
    import "../styles/error-pages.css";
    import Button from "../components/Button/Button.svelte"; 
</script>

<div class="error-page">
    <div class="error-content">
        <div class="title">
            <h1 class="title-top">ci</h1>
            <h1 class="title-bottom">dispiace</h1>
            <span class="divider"></span>
        </div>
        <div class="error-message">
            <p class="error-description">Sembra che tu non abbia il permesso per arrivare fin qui...</p>
            <p>...se invece si tratta di un nostro sbaglio non esitare a contattarci!</p>
        </div>
        <div class="button-container">
            <Button text="HOME" href="/" />
            <Button text="ASSISTENZA" href="/contatti" borderWidth="3px" color="transparent" />
        </div>
    </div>
    <div class="error-background">
        <h1 class="error-code">403</h1>
        <h1 class="error-text">ERROR</h1>
    </div>
</div>