.ra-aside-layout
  @apply flex sm:w-[240px] sm:min-w-[200px] sm:max-w-[240px]

.ra-aside
  @apply flex flex-col w-full justify-between p-4

.ra-aside-footer
  @apply hidden sm:flex
  @apply flex-row items-center justify-between px-2
  @apply text-wp-gray-20 dark:text-wp-gray-50

  a
    @apply text-wp-gray-20 dark:text-wp-gray-50
    @apply hover:text-wp-blue-40 dark:hover:text-wp-blue-30 hover:underline
    @apply focus:text-wp-blue-70 dark:focus:text-wp-blue-30 focus:rounded-sm
    @apply focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-wp-blue-50
    @apply transition-all duration-200 ease-in-out