:root {
    --spring-color-btn: #03bc03;
    --spring-bg-btn: #c4f6e0;

    --autumn-color-btn: #eb7500;
    --autumn-bg-btn: #ffdaba;
}

.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: var(--autumn-bg-btn);
    border: 1px solid var(--autumn-color-btn);
    color: var(--autumn-color-btn);

    .arrow__bottom-popup {
        border-top: 3px solid var(--autumn-color-btn);
        border-right: 3px solid var(--autumn-color-btn);
    }
}