#sendLove {
    transition: all 1s ease;
    color: var(--color-accent-red);
    position: fixed;
    width: 100px;
    bottom: -100px;
    margin-left: -100px;
    opacity: 0;
    cursor: pointer;

    svg {
        transform: scale(-1, 1);
        transform-origin: center; /* Optional: Adjusts the pivot point */
    }

    a {
        color: var(--color-accent-red);
    }

    &.submitted {
        opacity: 1;
        bottom: 0px;
        animation:
            fly-out 1s ease-in-out forwards,
            sendLove 1.5s 1s ease-in-out infinite;
    }
}

#feedbackForm {
    &.submitted {
        overflow: hidden;
        height: 0;
    }
}

#fastFeedback {
    border: 2px solid #ccc;
    height: 100px;
}

@keyframes fly-out {
    0% {
        margin-left: -100px;
        bottom: -100px;
    }
    50% {
        bottom: 150px;
        margin-left: -100px;
    }
    100% {
        bottom: 0px;
        margin-left: -100px;
    }
}

@keyframes sendLove {
    0% {
        bottom: 0;
        margin-left: -100px;
    }
    50% {
        bottom: 30px;
        margin-left: -100px;
    }

    100% {
        margin-left: -100px;
        bottom: 0;
    }
}