.ripple{background:#fffc;border-radius:50%;height:20px;margin-left:-10px;margin-top:-10px;pointer-events:none;position:absolute;transform:scale(0);width:20px}.ripple-1,.ripple-2{animation:none}@keyframes ripple-1{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(8)}}@keyframes ripple-2{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(12)}}.button__secondary{background-color:var(--color-background-effects);color:#fff;transition:all .3s}.button__secondary .span__decor{transition:all .3s}.button__secondary.active,.button__secondary:hover{background-color:var(--color-background-effects);box-shadow:inset 0 0 0 0 var(--color-background-effects);color:#fff}.button__secondary.active .span__decor,.button__secondary:hover .span__decor{background:#fff}