#g3__PlovouciFormular .g3__form {
    background: white;
    box-shadow: none;
    padding: 2rem 2rem 2rem 2rem;
    border: 0;
}

.g3__plovouci-tlacitko {
    position: absolute;
    top: 100px;
    left: -100px;
    padding: 6px 20px;
    background-color: #0990b1;
    color: white;
    border: none;
    font-weight: 800;
    border-radius: 1vw 1vw 0 0;
    cursor: pointer;
    z-index: 0;
    transform: rotate(-90deg);
    &:hover {
        background: black;
    }
}

.g3__plovouci-formular {
    position: fixed;
    bottom: 150px;
    right: calc(-1 * max(40vw, 300px));
    width: max(40vw, 300px);
    height: auto;
    max-height: 90vh;
    background-color: #f9f9f9;
    border-radius: 2rem 0 0 2rem;
    box-shadow: 0px 0 16px rgba(0, 0, 0, 0.4);
    transition: right 0.5s ease-in-out;
    z-index: 9999;
    /*animation: bounce 1s ease-in-out 0s 1, 
			   shake 5s ease-in-out 30s infinite;*/
	animation: bounce 1s ease-in-out 0s 1;
}
.g3__formular-wrapper {
    width: max(40vw, 300px);
    height: auto;
    display: flex;
    flex-direction: column;
}

.g3__panel-obsah {
    z-index: 100;
}

.g3__plovouci-formular.otevreny {
    right: -20px;
}

.g3__formular-hlavicka {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    z-index: 999;
}
@media (max-width: 1100px) {
    .g3__formular-hlavicka {
        left: unset;
        bottom: unset;
        top: 1rem;
        right: 1rem;
    }
	.g3__plovouci-formular {
	bottom: 0;
		p{
		margin-bottom: 0;
		};
		.g3__form input {
		padding: 5px 10px;
		}
		.g3__form textarea {
		height: 80px;
		}
	}
}

.g3__zavrit-tlacitko {
    background: #0990b1;
    border: none;
    color: white;
    font-size: 1.5em;
    cursor: pointer;
    height: 40px;
    width: 40px !important;
    display: grid;
    line-height: 0;
    place-items: center;
    text-align: center;
    padding: 0;
    border-radius: 8px;
    z-index: -60;
}

#g3__OtevritFormularBtn:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    box-shadow: 0px 0px 3px 3px #0000001a;
    top: -9px;
    right: 1rem;
    display: block;
    animation: pulse-animation 2s infinite;
    position: absolute;
    z-index: -10;
}

.green:before {
    background: #0bba0b;
}

.red:before {
    background: red;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
}

@keyframes bounce {
    0% {
        transform: translateX(80px);
    }
    60% {
        transform: translateX(-30px);
    }
    80% {
        transform: translateX(20px);
    }
    100 {
        transform: translateX(0px);
    }
}


@keyframes shake{
	0% {
        transform: translateX(0px);
    }
    60% {
        transform: translateX(-10px);
    }
    80% {
        transform: translateX(10px);
    }
    100 {
        transform: translateX(0px);
    }
}