fix: revert roundabout and tweak dialogues

src/lib/components/atoms/Button.svelte

@@ -29,7 +29,8 @@
 
 	button,
 	.button-secondary,
-	.button-circle {
+	.button-circle,
+	.button-text {
 		min-width: max-content;
 		font-size: 1rem;
 		color: #ffd9e1;
@@ -47,6 +48,12 @@
 		gap: 0.5rem;
 	}
 
+	.button-text {
+		background-color: transparent;
+		padding: 0;
+		color: #ef96ac;
+	}
+
 	.button-icon {
 		background-color: transparent;
 		height: 24px;
@@ -54,6 +61,7 @@
 		padding: 0;
 	}
 
+
 	.button-primary {
 		background-color: #ffb1c5;
 		box-shadow: 0px 0px 32px 1px var(--accent-color-glow);

src/lib/components/atoms/Dialogue.svelte

@@ -67,14 +67,13 @@
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		margin-bottom: 20px;
+		margin-bottom: 16px;
 	}
 
 	.title {
 		position: sticky;
 		display: flex;
 		flex-direction: column;
-		align-items: center;
 		gap: 1rem;
 		top: 0;
 		left: 0;

src/lib/components/atoms/LogoOption.svelte

@@ -101,11 +101,6 @@
 	<div class="row" on:click={handleClick} on:keypress={handleClick}>
 		<!-- Screenreader compatibility does not make sense in this context. -->
 		<img src={current.gdrive_direct_url} alt="" />
-		{#if !hideDetails}
-			<div class="text">
-				<h2>{name}</h2>
-			</div>
-		{/if}
 	</div>
 	{#if !hideDetails}
 		<div class="actions">
@@ -146,6 +141,7 @@
 	.row {
 		display: flex;
 		align-items: center;
+		justify-content: center;
 		padding: 1.25rem;
 		gap: 1.5rem;
 		cursor: pointer;
@@ -160,7 +156,7 @@
 		border-radius: 0 0 16px 16px;
 		justify-content: space-between;
 		pointer-events: none;
-	}
+	}	
 
 	.action-buttons {
 		display: flex;