table {
border-collapse: collapse !important;
}
tr.button {
cursor: pointer !important;
}
/* Target the TD cell AND any inner links/buttons inside it */
tr.button td,
tr.button td a,
tr.button td * {
background-color: #ffffff !important; /* Default red background */
color: #231f20 !important; /* Default white text */
text-align: center;
font-weight: bold;
text-decoration: none;
/* Smooth 0.3s color fade */
transition: background-color 0.3s ease, color 0.3s ease;
}
/* Ensure padding is applied to the cell wrapper */
tr.button td {
padding: 0px 0px 0px 00px !important;
}
/* Make inner links stretch to fill the entire cell */
tr.button td a {
display: block !important;
width: 100% !important;
height: 100% !important;
}
/* HOVER & CLICK FADE STATE */
tr.button:hover td,
tr.button:hover td a,
tr.button:hover td *,
tr.button:active td,
tr.button:active td a,
tr.button:active td * {
background-color: #e82d2b !important; /* Smoothly fades to grey */
color: #ffffff !important;
}
html { scroll-behavior: smooth; }
