body { margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #f4f4f4; } .ribbon { position: relative; display: inline-block; background-color: #A8C42A; /* Background color changed to #A8C42A */ color: #FFFFFF; /* Text color changed to white */ padding: 10px 20px; font-size: 18px; font-weight: bold; text-transform: uppercase; text-align: center; border-radius: 5px; cursor: pointer; overflow: hidden; text-decoration: none; } .ribbon::before { content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-top-color: #A8C42A; /* Border color changed to #A8C42A */ border-bottom: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; transform: translateX(-50%); } .ribbon span { display: inline-block; animation: roll 5s linear infinite; } @keyframes roll { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } Call Wynsdale Today!