css.css

.with-ripple {
        @apply relative overflow-hidden;

        @keyframes ripple {
            to {
                @apply opacity-0;
                transform: scale(2.5);
            }
        }

        .ripple {
            @apply absolute;

            z-index: 1;
            border-radius: 50%;
            background-color: var(--grey04);
            transform: scale(0);
            animation: ripple 0.6s linear;
        }

        &.primary {
            .ripple {
                background-color: var(--black02);
            }
        }
    }