@keyframes colorFill{0%{background-position:100% 0}100%{background-position:0 0}}.offer-card{background-color:#3873cc;color:#f0f4ff;border-radius:.75rem;box-shadow:0 4px 8px rgb(56 115 204 / .3);padding:1.5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:transform 0.3s ease,box-shadow 0.3s ease;background-image:linear-gradient(90deg,#2a56a0 50%,#3873cc 50%);background-size:200% 100%;background-position:100% 0;color:#f0f4ff}.offer-card:hover{background-position:0 0;transform:scale(1.05);box-shadow:0 8px 16px rgb(56 115 204 / .6);animation:colorFill 0.5s forwards;color:#e0e7ff}.offer-card h5{font-size:1.125rem;font-weight:700;line-height:1.56;text-transform:capitalize;transition:color 0.3s ease;text-align:center;color:#e0e7ff;text-shadow:0 0 5px rgb(0 0 0 / .3)}.offer-card p{font-size:.875rem;font-weight:300;color:#d1d5db;text-transform:capitalize;text-align:center;transition:color 0.3s ease;text-shadow:0 0 3px rgb(0 0 0 / .2)}.offer-card:hover p{color:#f0f4ff;text-shadow:0 0 5px rgb(0 0 0 / .4)}