.root { @apply relative; } .mainContainer { } .list { @apply flex flex-row items-center justify-items-end h-full; } .item { @apply mr-6 cursor-pointer relative transition ease-in-out duration-100 text-base flex items-center; &:hover { @apply text-accents-8; } &.heart:hover svg { fill: var(--accents-9); } &:last-child { @apply mr-0; } }