530 lines
25 KiB
HTML

<!DOCTYPE html>
<html lang="en" dir="ltr" id="top">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta property="og:title" content="Why I Did Not Mind Sunny Had Only a Minor Role | Articles | Cassette Beasts Shrine">
<link rel="canonical" href="https://leilukin.com/shrines/cassettebeasts/articles/sunny-minor-role/">
<meta name="generator" content="Eleventy v3.0.0">
<meta name="author" content="Leilukin">
<meta name="description" content="Despite liking the character of Sunny in Cassette Beasts, I did not mind her only had little screen-time in the game.">
<meta name="fediverse:creator" content="@Leilukin@dragonscave.space">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:type" content="article">
<meta property="og:description" content="Despite liking the character of Sunny in Cassette Beasts, I did not mind her only had little screen-time in the game.">
<meta property="og:url" content="https://leilukin.com/shrines/cassettebeasts/articles/sunny-minor-role/">
<meta property="og:locale" content="en_MY">
<meta property="og:image" content="https://leilukin.com/assets/leilukin/leilukins-hub-meta-img.png">
<meta name="theme-color" content="#3d2163">
<link rel="alternate" type="application/rss+xml" title="Leilukin&#39;s Hub" href="/feed.xml">
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<style>
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 400;
src: url('/assets/fonts/lexend/lexend-v19-latin-regular.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 700;
src: url('/assets/fonts/lexend/lexend-v19-latin-700.woff2') format('woff2');
}
</style>
<link rel="stylesheet" href="/assets/fonts/fonts.css">
<link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
<style>.right-sidebar {
background-color: var(--clr-content-bg);
font-size: clamp(0.9rem, 0.9rem + 3vw, 1rem);
}
.shrine__info {
padding: 1rem;
max-height: var(--ht-sticky-sidebar);
overflow-x: auto;
}
.shrine__info h2 {
font-size: clamp(1.5rem, 1rem + 3vw, 1.7rem);
margin-bottom: 0.2em;
}
.shrine__info h3 {
font-size: clamp(1.3rem, 1rem + 3vw, 1.5rem);
margin-top: 1em;
}
.shrine__info ul { margin-top: 0.5em; }
.breadcrumbs {
margin-bottom: 0.7em;
display: flex;
gap: 0.5em;
flex-wrap: wrap;
justify-content: center;
}
.blog__post--pagination {
padding-top: 1em;
margin-block-start: 2.5em;
border-top: 0.1em solid var(--clr-title-border);
}
.blog__post--nextprev {
list-style-type: "";
padding: 0;
margin: 0;
display: grid;
gap: 0.7em;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: 'prev next';
}
.blog__post--prev { grid-area: prev; }
.blog__post--next { grid-area: next; }
:root {
color-scheme: light dark;
--clr-body-bg: light-dark(#e4e3e3, #141414);
--clr-body-txt: light-dark(#141414, #fff);
--clr-content-bg: light-dark(#ffffff, #242424);
--clr-top-btn-bg: light-dark(#552190, #552190);
--clr-top-btn-txt: #ffffff;
--clr-main-heading: light-dark(#171717, #daaced);
--clr-sub-heading: light-dark(#111111, #fff);
--clr-title-border: light-dark(#7629db, #9964de);
--clr-bold-txt: light-dark(#da4500, #ff9869);
--clr-link: light-dark(#7629db, #ce97ff);
--clr-link-hover: light-dark(#270e48, #b366f7);
--clr-quote-bg: light-dark(#f3f2f2, #141414);
--clr-quote-border: light-dark(#414141, #f3f2f2);
--clr-cw-hover: #fae5e5;
--clr-code-bg: #f3f2f2;
--clr-code-border: #414141;
--clr-dates: #3a96ff;
--clr-link-btn-bg: #873eb5;
--clr-link-btn-txt: white;
--clr-link-btn-hover: #241445;
--clr-hero-bg: #7944B6;
--clr-navbar-bg: light-dark(#9b59b6, #3a0873);
--clr-navbar-link: white;
--clr-main-footer-bg: light-dark(#9b59b6, #3a0873);
}
.hero__top-bar,
.footer,
.footer a { color: var(--clr-navbar-link); }
.footer a:focus { outline-color: var(--clr-navbar-link); }
.hero {
width: 100%;
background-color: var(--clr-hero-bg);
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.hero__top-bar {
background: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0.7em;
}
.hero__img {
display: grid;
place-content: center;
}
.hero img {
object-fit: contain;
overflow: hidden;
max-height: 16rem;
}
.navbar {
background: var(--clr-navbar-bg);
width: 100%;
z-index: 998;
position: sticky;
top: 0;
padding: 0.6em;
}
.navbar__menu {
list-style-type: "";
margin: 0;
padding: 0;
display: flex;
gap: 1em;
flex-wrap: wrap;
text-align: center;
}
.navbar__menu a {
color: var(--clr-navbar-link);
text-decoration: none;
font-weight: 700;
display: inline-block;
}
.navbar__menu a:hover { color: var(--clr-link-hover); }
.navbar__menu a:focus { outline-offset: 0.2em; }
.navbar__links {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
gap: 0.5em;
}
.navbar__toggle {
background-color: inherit;
color: var(--clr-navbar-link);
border: none;
padding: 0;
font-size: 1.25rem;
font-weight: 700;
display: none;
align-items: center;
gap: 0.3em;
}
.navbar__toggle svg { fill: currentColor; }
.navbar__toggle:focus,
.navbar__menu a:focus { outline-offset: 0.1em; }
.navbar__toggle:focus,
.navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
.navbar__popover {
background: var(--clr-navbar-bg);
border: 0.15em solid var(--clr-navbar-link);
padding: 1.5em;
max-width: 85%;
}
.navbar__popover::backdrop {
background-color: black;
opacity: 0.5;
}
@supports selector([popover]) {
.navbar__toggle { display: flex; }
.navbar__links { display: none; }
}
/* Tablet screen size */
@media only screen and (min-width: 43.75rem) {
.navbar { padding: 1em 0.6em; }
.navbar__toggle, .navbar__popover { display: none; }
.navbar__links { display: flex; }
}
.top-btn,
.top-btn:hover {
color: var(--clr-top-btn-txt);
text-decoration: none;
font-weight: 700;
}
.top-btn {
position: fixed;
bottom: 0.5rem;
right: 0.5rem;
z-index: 999;
background-color: var(--clr-top-btn-bg);
display: flex;
align-items: center;
border-radius: 50em;
padding: 0.3em 0.5em;
gap: 0.2em;
}
.top-btn:focus {
outline: 0.25em solid var(--clr-top-btn-bg);
outline-offset: 0.15em;
}
.top-btn__arrow {
display: inline-block;
width: 1em;
aspect-ratio: 1 / 1;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
:root { --footer-gap: 0.5em; }
.footer {
margin-top: auto;
width: 100%;
background: var(--clr-main-footer-bg);
padding: 1.5rem 1rem clamp(1.5rem, calc(100% - 1.5rem), 3.5rem);
text-align: center;
display: grid;
gap: var(--footer-gap);
}
.footer__links,
.footer__shrines {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: var(--footer-gap);
}
.footer__links { justify-self: center; }
.footer__shrines { align-self: center; }</style>
<link rel="apple-touch-icon" sizes="180x180" href="/assets/shrines/cassettebeasts/images/cb-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/shrines/cassettebeasts/images/cb-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/shrines/cassettebeasts/images/cb-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<link rel="me" href="https://dragonscave.space/@Leilukin">
<link rel="me" href="https://github.com/Leilukin">
<link rel="authorization_endpoint" href="https://indieauth.com/auth">
<script src="/assets/js/HyLrkULTf1.js" defer=""></script>
<title>
Why I Did Not Mind Sunny Had Only a Minor Role | Articles | Cassette Beasts Shrine | Leilukin's Hub
</title>
</head>
<body>
<div class="skip-btn"><a href="#content">Skip to content</a></div>
<header class="hero">
<div class="hero__top-bar hidden"></div>
<div class="hero__img">
<picture>
<source srcset="/assets/shrines/cassettebeasts/images/cassettebeasts-header-320.avif" media="(orientation: landscape)">
<img src="/assets/shrines/cassettebeasts/images/cassettebeasts-header-640.avif" alt="Banner of Cassette Beasts Shrine">
</picture>
</div>
</header>
<nav class="navbar" aria-labelledby="top-level-nav-title">
<h2 class="visually-hidden" id="top-level-nav-title">Top Level</h2>
<ul class="navbar__menu navbar__links">
<li>
<a aria-current="page" href="">Shrine Home</a>
</li>
<li>
<a href="/shrines/cassettebeasts/articles/">Articles</a>
</li>
<li>
<a href="/shrines/cassettebeasts/gamelog/">Game Log</a>
</li>
<li>
<a href="/shrines/cassettebeasts/featured/">Featured</a>
</li>
<li>
<a href="/shrines/cassettebeasts/facts/">Facts</a>
</li>
<li>
<a href="/shrines/cassettebeasts/resources/">Resources</a>
</li>
<li><a href="/shrines/">Shrine Directory</a></li>
<li><a href="/">Main Site</a></li></ul>
<button class="navbar__toggle" popovertarget="nav-menu" aria-label="Toggle navigation menu">
<svg aria-hidden="true" focusable="false" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"></path></svg>
Navigation
</button>
</nav>
<div popover="" id="nav-menu" class="navbar__popover">
<ul class="navbar__menu">
<li>
<a aria-current="page" href="">Shrine Home</a>
</li>
<li>
<a href="/shrines/cassettebeasts/articles/">Articles</a>
</li>
<li>
<a href="/shrines/cassettebeasts/gamelog/">Game Log</a>
</li>
<li>
<a href="/shrines/cassettebeasts/featured/">Featured</a>
</li>
<li>
<a href="/shrines/cassettebeasts/facts/">Facts</a>
</li>
<li>
<a href="/shrines/cassettebeasts/resources/">Resources</a>
</li>
<li><a href="/shrines/">Shrine Directory</a></li>
<li><a href="/">Main Site</a></li></ul>
</div>
<main id="content">
<header class="main__header">
<nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
<h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
<a href="/shrines/">Shrines</a>
<span aria-hidden="true"></span>
<a href="/shrines/cassettebeasts/">Cassette Beasts Shrine</a>
<span aria-hidden="true"></span>
<a href="/shrines/cassettebeasts/articles/">Articles</a>
<span aria-hidden="true"></span>
</nav>
<h1>Why I Did Not Mind Sunny Had Only a Minor Role</h1>
<div class="article__info">
<p>
1,196 words.
Posted on <time datetime="2025-03-28T13:33:46+0800">28 March 2025</time> by Leilukin
</p>
<p>Categories:
<a href="/categories/cassette-beasts">cassette beasts</a>
</p>
</div>
</header>
<content-wrapper>
<article class="content">
<p>On 27 March 2025 in Western time zones and 12 a.m. on 28 March 2025 in my time zone, the 2025 edition of <a href="https://wiki.cassettebeasts.com/wiki/Cassette_Beasts_Showcase">Cassette Beasts Showcase</a>, an annual video presentation in which news and updates about <cite>Cassette Beasts</cite> are shared, was aired on the game's publisher <a href="https://www.youtube.com/watch?v=AJe9aRZCc3U">Raw Fury's YouTube channel</a>. The main highlight of the 2025 Showcase was the announcement of version update 1.8, named the &quot;Sunshine Update&quot;, revealing that among other things, Sunny, a fan favourite character will be a new partner character, along with a new story quest involving her.</p>
<p>The reveal of Sunny being promoted from a minor NPC who only appears in a minor side quest to a playable partner character took me by surprise, because Bytten Studio, the developers of <cite>Cassette Beasts</cite> had never hinted at any possibility of adding new partner characters before. In fact, Jay Baylis, the art director of Bytten Studio, had <a href="https://www.reddit.com/r/NintendoSwitch/comments/14nvsiu/comment/jq9hy3n/?context=3">stated in Bytten Studio's AMA on the r/NintendoSwitch Subreddit on 1 July 2023</a> that:</p>
<blockquote>
<p>[...]the current number of partner characters is baked into the design of the game in a number of ways, making it very difficult to organically add new ones in.</p>
</blockquote>
<p>Therefore, it speaks of the power of Sunny's popularity among the player base that she became the first new playable character since the game's launch in April 2023. Unsurprisingly, Sunny fans are expressing immense excitement over the news, because wishing Sunny had a larger role in the game, including becoming a partner, has been a common sentiment among Sunny fans, with some fans even expressing disappointment that Sunny only got a brief role in the game, and questioning why.</p>
<p>The reason why Sunny initially had little screen time and content was that she was added late into the game's development and only intended by Bytten Studio as a little side story after Eugene's quest to surprise players. Bytten Studio never intended Sunny to have a huge role or much content, and they did not expect Sunny would become this popular in the player base.</p>
<figure class="c-blockquote">
<blockquote cite="https://www.reddit.com/r/NintendoSwitch/comments/14nvsiu/ama_we_are_bytten_studio_the_developers_of/jq9mwtq/">
<p>We believe that a lot of the secret sauce for Cassette Beasts' appeal is in its ability to surprise the player in various ways, so things don't get too predictable. Sunny is a character that I wrote into the game quite late, as I had envisioned her whole sequence of events as being something unexpected and funny that you wouldn't expect happening as a consequence of the questline that proceeds it. Sunny's appearance is, ultimately, just a fun little side story that I cooked up to add some more flavour to the goings-on in Harbourtown. However, it's clear that she's very popular for a character who appears in exactly two cutscenes, which isn't something we entirely expected!</p>
</blockquote>
<figcaption class="c-blockquote__attribution">Jay Baylis (u/SamuriFerret). <a href="https://www.reddit.com/r/NintendoSwitch/comments/14nvsiu/ama_we_are_bytten_studio_the_developers_of/jq9mwtq/">Comment</a> during Bytten Studio's AMA on the r/NintendoSwitch Subreddit. 1 July 2023.</figcaption>
</figure>
<figure class="c-blockquote">
<blockquote cite="https://www.reddit.com/r/JRPG/comments/1bniroh/comment/kwjb7w4/">
<p>[...]in hindsight, given her popularity in the community, we all wish we'd given Sunny more screen-time. She was a late, unplanned addition as we neared the release.</p>
</blockquote>
<figcaption class="c-blockquote__attribution">Tom Coxon (u/tcoxon). <a href="https://www.reddit.com/r/JRPG/comments/1bniroh/comment/kwjb7w4/">Comment</a> during Bytten Studio's AMA on the r/JRPG Subreddit. 26 March 2024.</figcaption>
</figure>
<figure class="c-blockquote">
<blockquote cite="https://www.reddit.com/r/JRPG/comments/1bniroh/comment/kwmb4j4/">
<p>Sunny was a late addition to the game as I pitched a short storyline involving the gang rehabilitating a Landkeeper after Eugene's quest. It's very apparent we underestimated how popular she'd turn out to be!</p>
</blockquote>
<figcaption class="c-blockquote__attribution">Jay Baylis. <a href="https://www.reddit.com/r/JRPG/comments/1bniroh/comment/kwmb4j4/">Comment</a> during Bytten Studio's AMA on the r/JRPG Subreddit. 26 March 2024.</figcaption>
</figure>
<p>Questions about Sunny only getting a minor role were asked by players frequently enough that I even compiled the developers' response in <a href="/shrines/cassettebeasts/facts/">my <cite>Cassette Beasts</cite> shrine's Facts page</a>, so I can link to it whenever I see someone asked the same questions about Sunny. Now that Sunny would become a partner character, meaning thankfully questions and complaints about Sunny's minor role could finally stop, I have removed those form the Facts page, but not before <a href="https://web.archive.org/web/20250120094054/https://leilukin.com/shrines/cassettebeasts/facts/#sunnys-lack-of-screen-time-and-content">saving the page to the Internet Archive</a> for reference.</p>
<p>I like Sunny too, as I appreciate the concept of a character getting deprogrammed from capitalism and starting a new life beyond capitalism, which makes a good addition to <cite>Cassette Beasts</cite>'s leftist messages. In fact, Sunny's in-game character title, which can be seen if she appears as an opponent in Magikrab's Gauntlet, is &quot;Recovering Capitalist&quot;. However, to be honest, I had always been fine with Sunny only having a minor role in the game, and I did not care as much as other Sunny fans did about the idea of her becoming a partner character.</p>
<p>Why? The main reason is that it would not be a poor game design in terms of the game's pacing. Sunny only shows up after you completed the personal questline of Eugene, one of the partner characters available since the game's launch. Eugene's personal quest is already rather infamous for taking longer than every other base game partner character's quest to complete, as Eugene's quest requires the player to explore the majority of New Wirral, the main setting of <cite>Cassette Beasts</cite>, to track down and clear the Landkeeper Offices all over the map. This is not helped by the fact that you need to complete a partner's personal quest before you can raise your relationship level with them, so when you finally complete Eugene's quest, you may feel that you only have little time left to raise Eugene's relationship level with you before facing the final boss of the game.</p>
<p>Therefore, the idea of making Sunny a partner character means having a partner locked behind another partner's questline that already took up a huge chunk of the game to complete. Making Sunny a partner in the base game would make it feel like you only have little time to spend with Sunny before facing the final boss of the game.</p>
<p>I believed that if Sunny were to become a partner character, making her unlocked as a partner in the post-game would be better than doing so in the base game. Fortunately, this appears to be Bytten Studio's approach for making Sunny a partner character in the &quot;Sunshine Update&quot;, as revealed in <a href="https://store.steampowered.com/news/app/1321440/view/543351239572719532">their Steam post announcing the content update</a>:</p>
<blockquote>
<p>Sunny's quest will be available to those who have finished the base game's story</p>
</blockquote>
<p>Another reason I would prefer Sunny, or any possible future new partners, to be unlocked as partners in the post-game is that I believe the base game having six partner characters are enough.</p>
<p>Learning that Sunny was a late addition to the game during the game's development only cemented my feelings that I was fine with Sunny having little screen time in the game. To be honest, if I were the developers, I would not expect a minor NPC I added to my game only at the last minute to become this popular with the players either.</p>
<p>With all that being said, I am looking forward to recruiting Sunny as a partner and exploring her story more in the &quot;Sunshine Update&quot;. Partner characters are a major appeal of <cite>Cassette Beasts</cite> to me, so I welcome more content updates involving partner characters.</p>
</article>
<aside class="right-sidebar" aria-label="Right sidebar">
<div class="shrine__info sidebar--sticky">
<h2>About</h2>
<p>Welcome to Leilukin's shrine for <cite>Cassette Beasts</cite>, an indie monster collecting turn-based open-world role-playing video game developed by Bytten Studio and published by Raw Fury.</p>
<h3>Links</h3>
<ul>
<li><a href="https://www.cassettebeasts.com/">Official Website</a>
</li>
<li><a href="https://wiki.cassettebeasts.com/">Official Wiki</a></li>
<li><a href="https://store.steampowered.com/app/1321440/Cassette_Beasts/">Steam</a></li>
<li><a href="https://bytten-studio.com/">Bytten Studio</a></li>
<li><a href="https://fan.leilukin.com/cassettebeasts/">Cassette Beasts fanlisting</a></li>
</ul>
</div>
</aside>
</content-wrapper>
</main>
<footer class="footer">
<p>
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"></path></svg>
<a rel="nofollow, noindex" href="emailme/">Contact me by email</a> (<a href="https://useplaintext.email/">plain text email</a> encouraged)
</p>
<p>Made with ♥ by Leilukin • Shrine Launched: 3 August 2023</p>
<nav class="footer__shrines" aria-labelledby="backto-title">
<p id="backto-title">Back to:</p>
<ul class="inline-nav footer__links">
<li><a href="/shrines/">Shrine Directory</a></li>
<li><a href="/">Leilukin&#39;s Hub</a></li>
</ul>
</nav><p>
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M96 64c0-17.7 14.3-32 32-32l320 0 64 0c70.7 0 128 57.3 128 128s-57.3 128-128 128l-32 0c0 53-43 96-96 96l-192 0c-53 0-96-43-96-96L96 64zM480 224l32 0c35.3 0 64-28.7 64-64s-28.7-64-64-64l-32 0 0 128zM32 416l512 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32z"></path></svg>
<a href="https://ko-fi.com/leilukin">Support me on Ko-Fi</a>
</p><div class="h-card hidden">
<span class="p-name p-nickname">Leilukin</span>
<a href="/" class="u-url">Home page</a>
<img src="https://i.postimg.cc/RZJgS6tY/leilukin-bee.avif" alt="Leilukin" class="u-photo" loading="lazy">
<span class="p-country-name">Malaysia</span>
<span class="p-note">They/she. A proudly queer and autistic <span class="p-gender-identity">non-binary</span> lesbian from Malaysia.</span>
</div><a href="#top" class="top-btn">
<svg class="top-btn__arrow" focusable="false" aria-hidden="true" viewBox="0 0 26 28">
<path d="M25.172 15.172c0 0.531-0.219 1.031-0.578 1.406l-1.172 1.172c-0.375 0.375-0.891 0.594-1.422 0.594s-1.047-0.219-1.406-0.594l-4.594-4.578v11c0 1.125-0.938 1.828-2 1.828h-2c-1.062 0-2-0.703-2-1.828v-11l-4.594 4.578c-0.359 0.375-0.875 0.594-1.406 0.594s-1.047-0.219-1.406-0.594l-1.172-1.172c-0.375-0.375-0.594-0.875-0.594-1.406s0.219-1.047 0.594-1.422l10.172-10.172c0.359-0.375 0.875-0.578 1.406-0.578s1.047 0.203 1.422 0.578l10.172 10.172c0.359 0.375 0.578 0.891 0.578 1.422z"></path>
</svg>
Back to Top
</a>
</footer>
</body>
</html>