.btn-effect-box {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    transform: scale(5);
    background: #ffffff9b;
    border-radius: 50%;
    opacity: 0%;
    animation: buttonEffect 2s ease-out;
 }
 @keyframes buttonEffect {
    0% {
       transform: scale(0);
       opacity: 0%;
    }
    10% {
       opacity: 50%;
    }
    100% {
       transform: scale(5);
       opacity: 0%;
    }
 }