a>button {
     background: #28a745;
 }
 
 .donate-btn {
     width: -webkit-fill-available;
     justify-content: center;
     display: inline-flex;
     align-items: center;
     background: #28a745;
     /* green base */
     color: white;
     font-size: 1.1rem;
     font-weight: bold;
     border: none;
     border-radius: 50px;
     padding: 0.75rem 1.5rem;
     cursor: pointer;
     gap: 0.6rem;
     box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
     overflow: hidden;
     transition: background 0.3s;
 }
 
 .donate-btn:hover {
     background: #218838;
     /* darker green on hover */
 }
 
 .heart-circle {
     width: 28px;
     height: 28px;
     background: white;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     animation: bounce 1.4s infinite ease-in-out;
 }
 
 .heart-circle svg {
     width: 16px;
     height: 16px;
     fill: #28a745;
     /* green heart */
     animation: pulse 1.2s infinite ease-in-out;
 }
 
 @keyframes bounce {
     0%,
     100% {
         transform: translateY(0);
     }
     50% {
         transform: translateY(-5px);
     }
 }
 
 @keyframes pulse {
     0%,
     100% {
         transform: scale(1);
     }
     50% {
         transform: scale(1.2);
     }
 }
 
 .charity-card {
     position: relative;
     /* relative */
     background-size: cover;
     /* bg-cover */
     background-position: center;
     /* bg-center */
     border-radius: 0.5rem;
     /* rounded-lg */
     overflow: hidden;
     /* overflow-hidden */
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
     /* shadow-lg */
     margin-left: auto;
     /* mx-auto */
     margin-right: auto;
 }
 /* Overlay */
 
 .charity-card::before {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.4);
     /* bg-black bg-opacity-40 */
 }
 /* Inner content wrapper */
 
 .charity-card-content {
     position: relative;
     padding: 1.5rem;
     /* p-6 */
     text-align: center;
     color: white;
 }
 /* Title text */
 
 .charity-card-title {
     font-size: 1.875rem;
     /* text-3xl */
     font-weight: bold;
     margin-bottom: 0.5rem;
 }
 /* Subtitle */
 
 .charity-card-subtitle {
     color: rgba(255, 255, 255, 0.8);
     /* text-gray-200 */
     margin-bottom: 1.5rem;
 }
 
 .heart-circle {
     width: 1.5rem;
     /* w-6 */
     height: 1.5rem;
     /* h-6 */
     margin-right: 0.5rem;
 }
 
 .btn-order {
     display: flex;
     justify-content: center;
 }
 
 .cta {
     display: flex;
     padding: 7px 40px 7px 25px;
     text-decoration: none;
     font-family: 'Poppins', sans-serif;
     font-size: 20px;
     color: white;
     background: #FFA000;
     transform: skewX(-15deg);
     animation: shadow_anim 2.5s infinite ease-in-out;
 }
 
 .cta:focus {
     outline: none;
 }
 
 .cta span:nth-child(2) {
     margin-right: 20px;
     animation: arrow_move 2.5s infinite ease-in-out;
 }
 
 .btn-order span {
     transform: skewX(15deg);
 }
 
 .btn-order span:nth-child(2) {
     width: 10px;
     margin-left: 10px;
     position: relative;
     top: 12%;
 }
 
 .btn-order span:nth-child(2) svg {
     margin-top: 3px;
 }
 
 path.one {
     transform: translateX(0%);
     animation: color_anim 1s infinite 1.2s;
 }
 
 path.two {
     transform: translateX(0%);
     animation: color_anim 1s infinite 1s;
 }
 
 path.three {
     animation: color_anim 1s infinite 0.8s;
 }
 
 @keyframes color_anim {
     0% {
         fill: black;
     }
     50% {
         fill: #FBC638;
     }
     100% {
         fill: black;
     }
 }
 
 @keyframes shadow_anim {
     0%,
     100% {
         box-shadow: 6px 6px 0 black;
     }
     50% {
         box-shadow: 10px 10px 0 white;
     }
 }
 
 @keyframes arrow_move {
     0%,
     100% {
         margin-right: 0px;
     }
     50% {
         margin-right: 45px;
     }
 }
 
 .gradient-text {
     background: linear-gradient(45deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     /* For Firefox */
     color: transparent;
 }