@keyframes ripplePrimary {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(93, 59, 238, 0.7);
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 0 15px rgba(93, 59, 238, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 15px rgba(93, 59, 238, 0);
    }
}

@keyframes rippleWhite {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
}