remove rounded

app/components/tvone-content.tsx

@@ -134,7 +134,7 @@ export function TvoneDestaques() {
         {destaques.map((item) => (
           <article
             key={item.title}
-            className="group overflow-hidden rounded-xl border border-neutral-200/80 bg-white shadow-sm transition hover:shadow-md"
+            className="group overflow-hidden  bg-white transition "
           >
             <Link href="#" className="block">
               <div className="relative aspect-[16/9] w-full overflow-hidden">
@@ -146,7 +146,7 @@ export function TvoneDestaques() {
                   sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw"
                 />
               </div>
-              <div className="p-4">
+              <div className="py-4">
                 <p className={`mb-2 text-[11px] font-bold uppercase tracking-wide ${item.catColor}`}>{item.cat}</p>
                 <h3 className="text-base font-bold leading-snug text-neutral-900 md:text-lg">{item.title}</h3>
                 <p className="mt-3 text-xs text-neutral-500">{item.date}</p>
@@ -167,8 +167,8 @@ export function TvoneMainColumns() {
         <ul className="flex flex-col gap-6">
           {recentes.map((item) => (
             <li key={item.title}>
-              <Link href="#" className="group flex gap-4 rounded-xl border border-transparent p-1 transition hover:border-neutral-200 hover:bg-neutral-50">
-                <div className="relative h-25 w-38 shrink-0 overflow-hidden rounded-lg sm:h-45 sm:w-76">
+              <Link href="#" className="group flex gap-4 p-1 transition">
+                <div className="relative h-25 w-38 shrink-0 overflow-hidden  sm:h-45 sm:w-76">
                   <Image src={item.img} alt="" fill className="object-cover" sizes="144px" />
                 </div>
                 <div className="min-w-0 flex-1">