diff --git a/web/src/components/studio/studioShortcut.module.scss b/web/src/components/studio/studioShortcut.module.scss index b0dd23e..947ce6d 100644 --- a/web/src/components/studio/studioShortcut.module.scss +++ b/web/src/components/studio/studioShortcut.module.scss @@ -21,11 +21,17 @@ } .text { - line-height: 1.4; -} + line-height: 1.2; + font-size: var(--font-size-s); -.heading { - font-weight: 600; + span { + font-size: .9em; + } + + .heading { + font-weight: 600; + font-size: 1em; + } } .icon { @@ -41,17 +47,22 @@ gap: var(--spacing-s); padding: 0 1rem 0 0; } + .logo { width: 4rem; } - .text { - font-size: var(--font-size-xs); - } + .icon { font-size: 1rem; } } +@media (max-width: 600px) { + .text { + font-size: var(--font-size-xs); + } +} + @media (max-width: 400px) { .button { margin: calc(var(--spacing-sitepadding-block) * -.5) 0 var(--spacing-sitepadding-block) auto;