.banner-hover {
    transition: all 0.3s ease-out;
}

.banner-hover:hover {
    transform: scale(1.02);
}

.tip-coin {
    margin-right: 16px;
    cursor: pointer;
}

.tip-coin-img-wrap {
    padding: 4px;
    border-radius: 50px;
    border: 3px solid transparent;
}

.tip-coin.selected .tip-coin-img-wrap {
    border: 3px solid #4E7661;
}

.tip-coin img {
    height: 48px;
    width: auto;
    transition: all 0.2s;
}

.tip-coin img:hover {
    scale: 110%;
}


@keyframes blue-button-pulse {    
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(78, 118, 97, 0.6);
        box-shadow: 0 0 0 0 rgba(78, 118, 97, 0.6);
    }
    
    70% {
        -webkit-box-shadow: 0 0 0 9px rgba(78, 118, 97, 0);
        box-shadow: 0 0 0 9px rgba(78, 118, 97, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(78, 118, 97, 0);
        box-shadow: 0 0 0 0 rgba(78, 118, 97, 0);
    }
}

.blue-button-pulse {
    -webkit-animation: blue-button-pulse 1.4s infinite;
    animation: blue-button-pulse 1.4s infinite;
}

@media only screen and (max-width: 460px) {
    .cart-canvas {
        width: 100%;
    }
}