1---
 2import { t } from '@utils/i18n';
 3import { Icon } from 'astro-icon/components';
 4import type { ComponentProps } from 'astro/types';
 5
 6type Props = Omit<ComponentProps<typeof Icon>, 'name' | 'class'>;
 7
 8const { href, title, ...rest } = Astro.props;
 9---
10
11<a
12  href={href}
13  title={title || t.button.more()}
14  class="duration-150 hover:brightness-125 active:brightness-75 max-md:hidden"
15>
16  <Icon
17    name="material-symbols:chevron-right-rounded"
18    {...rest}
19    class="bg-secondary/30 text-secondary/80 h-full min-h-48 w-12"
20  />
21</a>