Infobox: Links

<div class="bg-secondary rounded flex flex-col overflow-hidden">
    <div class="flex-1 p-8 pt-9 sm:p-12 relative text-light">
        <div class="bg-light rounded-full w-24 h-24 border-4 border-secondary absolute top-1 right-4 sm:top-4 sm:right-10 flex justify-center items-center text-secondary scale-75 sm:scale-100">
            <i class="fas fa-check-square fa-3x"></i>
        </div>
        <h4 class="text-3xl font-bold mb-10 mr-20">My Tasks</h4>
        <div class="text-lg mr-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
        <a href="#" class="btn btn-light mt-6">View all tasks</a>
    </div>
    <div class="flex flex-col divide-y divide-light/10 border-t border-light/10">
        <a href="#" class="flex justify-between items-center px-8 sm:px-12 py-5 text-light group focus:outline-none hover:bg-light/10">
            <span class="font-bold text-lg group-focus:underline underline-offset-2 pr-4">Employee assistance programme</span>
            <i class="fas fa-arrow-right fa-lg"></i>
        </a>
        <a href="#" class="flex justify-between items-center px-8 sm:px-12 py-5 text-light group focus:outline-none hover:bg-light/10" target="_blank" rel="noopener">
            <span class="font-bold text-lg group-focus:underline underline-offset-2 pr-4">Complete the employee engagement survey</span>
            <i class="fas fa-arrow-right fa-lg -rotate-45"></i>
        </a>
        <a href="#" class="flex justify-between items-center px-8 sm:px-12 py-5 text-light group focus:outline-none hover:bg-light/10">
            <span class="font-bold text-lg group-focus:underline underline-offset-2 pr-4">Another task</span>
            <i class="fas fa-arrow-right fa-lg"></i>
        </a>
        <a href="#" class="flex justify-between items-center px-8 sm:px-12 py-5 text-light group focus:outline-none hover:bg-light/10">
            <span class="font-bold text-lg group-focus:underline underline-offset-2 pr-4">More tasks for me</span>
            <i class="fas fa-arrow-right fa-lg"></i>
        </a>
    </div>
</div>