/* feedback button */
:root {
    --feedbackfin-primary-color: var(--primary-bg-color);
    --feedbackfin-bg-color: var(--global-background-color);
    --feedbackfin-text-color: var(--primary-text-color);
    --feedbackfin-text-color: var(--text-color);
    --feedbackfin-font-size: 0.3rem;
}

.feedback-button {
    position: fixed;
    bottom: 72px;
    right: 24px;
    z-index: 1000;
}

.feedback-button__text {
    display: block;
}

.feedback-button__icon {
    display: none;
}

#feedbackfin__container {
    font-size: 0.75rem;
    width: 25rem;
    height: 22rem;
}

#feedbackfin__title {
    padding-top: 50px;
}

.feedbackfin__radio-label {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding-bottom: 2px;
}
.feedbackfin__radio-icon {
    padding-top: 4px;
}

#feedbackfin__container .feedbackfin__radio-label {
    font-size: 1.25rem;
    height: 10rem;
}

#feedbackfin__message {
    min-height: 6rem;
    font-size: 1rem;
}

#feedbackfin__container[data-feedback-type] .feedbackfin__radio-label {
    font-size: 1rem;
}

#feedbackfin__container[data-feedback-type] .feedbackfin__radio-icon {
    font-size: 1.2rem;
    margin: 0;
}

#feedbackfin__submit {
    font-weight: bold;
}

.feedback-button--move-alt {
    right: 80px; /* or another position */
    bottom: 200px;
}

/* for mobile */

@media (max-width: 600px) or (max-height: 800px) {

    .feedback-button {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        position: fixed;
        right: 15px;

        padding: 0;
        font-size: 0; /* hide text */
        justify-content: center;
        align-items: center;
        display: flex;
        z-index: 1000;
    }

    .feedback-button--move-alt {
        bottom: 170px;
    }


    .feedback-button__text {
        display: none;
    }

    .feedback-button__icon {
        font-size: 1.25rem; /* adjust icon size */
        display: block;
    }


    #feedbackfin__container {
        width: 95vw;
        height: 70vh;
        font-size: 1rem;
    }

    #feedbackfin__container[data-feedback-type] .feedbackfin__radio-label {
        font-size: 0.8rem;
    }

    #feedbackfin__message {
        min-height: 4rem;
        font-size: 0.8rem;
    }

    #feedbackfin__container .feedbackfin__radio-label {
        font-size: 1rem;

    }

}