.spring-logo {
    position: relative;
    display: inline-block;
    animation: logoFloat 6s ease-in-out infinite;
}

@keyframes logoFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }

}

button, .button, .btn {
    transition: all .25s ease;
}

button:hover, .button:hover, .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    background: #c4f6e0;
    border: 1px solid #03bc03;
    color: #03bc03;

    .arrow__bottom-popup {
        border-top: 3px solid #03bc03;
        border-right: 3px solid #03bc03;
    }
}


/*h2::before {*/
/*    content: "🌿";*/
/*    margin-right: 8px;*/
/*}*/

/*.petal {*/
/*    position: fixed;*/
/*    top: -20px;*/
/*    width: 15px;*/
/*    height: 15px;*/
/*    background: radial-gradient(circle at 30% 30%, #ffb6c1, #ff69b4);*/
/*    border-radius: 70% 40% 70% 40%;*/
/*    opacity: 0.9;*/
/*    pointer-events: none;*/
/*    animation: fall linear forwards;*/
/*}*/

/*@keyframes fall {*/
/*    0% {*/
/*        transform: translateY(-10vh) rotate(0deg);*/
/*    }*/
/*    100% {*/
/*        transform: translateY(110vh) rotate(360deg);*/
/*    }*/
/*}*/