a.large-icon, a.small-icon,a.medium-icon, a.extra-small-icon{text-decoration: none;color: inherit;} 
.small-icon,.small-icon,.medium-icon,.large-icon{display:flex;align-items: center;justify-content: center; overflow: hidden;}
.material-symbols-outlined{display:flex;align-items: center;justify-content: center;}
.material-symbols-outlined svg{fill:currentColor; width: auto; height: var(--size);}
/* extra-small icon */
.extra-small-icon{width: 16px; height: 16px;padding: 0;line-height: 1;}
.extra-small-icon .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 16; font-size: 16px;}
.extra-small-icon .material-symbols-outlined svg{--size: 16px; }
/* small icon */
.small-icon{width: 24px; height: 24px; padding: 0;}
.small-icon .material-symbols-outlined{font-size:18px;}
.small-icon .material-symbols-outlined svg{--size: 18px; }
/* medium icon */
.medium-icon{width: 28px; height: 28px; padding: 0;} 
.medium-icon .material-symbols-outlined{font-size:24px;}
.medium-icon .material-symbols-outlined svg{--size: 24px; }
/* large icon */
.large-icon{width: 48px; height: 48px; padding: 8px;}
.large-icon .material-symbols-outlined{font-size:32px;}
.large-icon .material-symbols-outlined svg{--size: 32px; }
/* large icon with label */
.large-icon-with-label{min-width: 48px; height: 48px; display:flex; flex-direction: column; align-items: center;justify-content: center;gap: 4px;text-decoration: none;}
.large-icon-with-label .material-symbols-outlined{font-size:calc(48px - var(--extra-small-font-size) - 4px);margin-top:-3px;}
.large-icon-with-label .material-symbols-outlined svg{--size: calc(48px - var(--extra-small-font-size) - 4px); }
.large-icon-with-label .icon-label{font-size: var(--extra-small-font-size);}

/* button */
.button-with-icon{display: flex; align-items: center; min-width: 0px;}
.button-with-icon .material-symbols-outlined{font-size: 18px;}
.button-with-icon .material-symbols-outlined svg{--size: 22px; }
.back-link{
    margin-left:-12px
}