.loggis-button-icon {
    display: flex;
    background-color: whitesmoke;
    border: 1px solid black;
    cursor: pointer;
    flex-shrink: 0;
}

    .loggis-button-icon:hover {
        /*transition: .5s;*/
        /*background-color: red;
        background-color: #FB1 !important;*/
        background-color: #FB1; /*not important, feedback is more important*/
    }

.loggis-button-icon-img-container {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1 1 auto;
    margin: 10%;
}

@keyframes flash-success {
    0% {
        background-color: forestgreen;
    }

    90% {
        background-color: forestgreen;
    }

}

@keyframes flash-error {
    0% {
        background-color: red;
    }

    90% {
        background-color: red;
    }
}

.loggis-button-feedback-processing {
    background-color: gray !important;
}

.loggis-button-feedback-success {
    /*background-color: forestgreen !important;*/
    animation: flash-success 1s ease-out;
}

.loggis-button-feedback-error {
    /*background-color: red !important;*/
    animation: flash-error 1s ease-in-out;
}