<div class="relative flex w-full justify-between items-center text-sm font-bold leading-6 text-white rounded-lg select-none hover:z-10 hover:inline-flex text-white bg-green hover:bg-green-400 focus:bg-green-400">
<div class="relative flex w-full justify-between items-center text-sm font-bold leading-6 text-white rounded-lg select-none hover:z-10 hover:inline-flex text-white bg-red hover:bg-red-400 focus:bg-red-400">
<div class="relative flex w-full justify-between items-center text-sm font-bold leading-6 text-white rounded-lg select-none hover:z-10 hover:inline-flex text-white bg-blue hover:bg-blue-400 focus:bg-blue-400">

bu şekilde hocam. class altında yazılmış yani.