.buy-cta { display: inline-block; font-size: var(--text-m); color: var(--light);  cursor: pointer; transition: all 0.3s ease-in-out; text-decoration: none; padding: 0.75em 1.5em; border-radius: var(--radius-m); }  .buy-cta:hover { transform: scale(1.15) rotate(2deg); background-image: linear-gradient( to right, var(--secondary), var(--primary), var(--tertiary) ); color: #000000; !important  } .stroke-text { -webkit-text-stroke: 5px #000; -webkit-text-fill-color: transparent; } .stroke-text-white { -webkit-text-stroke: 5px #fff; -webkit-text-fill-color: transparent; }  @media (max-width: 767px) { .stroke-text { -webkit-text-stroke-width: 2px; } .stroke-text-white { -webkit-text-stroke-width: 2px; } }   .gradient-text { background: linear-gradient(90deg, var(--primary), var(--secondary), var(--tertiary)); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: gradientMove 5s ease infinite; } @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }