.floating-blog-menu {position: relative;display: flex;align-items: center;justify-content: center;flex-direction: row-reverse;position: fixed;right: 1.5rem;bottom: 1.5rem;z-index: 999;}
.floating-blog-menu .form-all {max-width: 100% !important;}
.floating-blog-menu .floating-blog-menu__option-btn {background-color: var(--primary);height: 65px;width: 65px;border-radius: 50%;position: relative;cursor: pointer;z-index: 9;box-shadow: 0 0 4px #fff;}
.floating-blog-menu .floating-blog-menu__option-btn:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 1;visibility: visible;transition: opacity .5s ease-in-out, visibility .5s ease-in-out;background-position: center center;background-size: 25px;background-repeat: no-repeat;background-image: url("/images/floating-blog-open.svg");}
.floating-blog-menu .floating-blog-menu__option-btn.open:after {opacity: 0;visibility: hiddden;transition: opacity .5s ease-in-out, visibility .5s ease-in-out;}
.floating-blog-menu .floating-blog-menu__option-btn.open:before {opacity: 1;visibility: visible;transition: opacity .5s ease-in-out, visibility .5s ease-in-out;}
.floating-blog-menu .blog-form-container {list-style: none;background-color: #F3F3FE;height: 50px;margin: 0;margin-right: -25px;box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.2);z-index: 1;opacity: 0;visibility: hidden;}
.floating-blog-menu:not(.open) .blog-form-close {display: none;}
.floating-blog-menu .blog-form-close{background-color: var(--primary);height: 65px;width: 65px;border-radius: 50%;position: relative;cursor: pointer;z-index: 9;box-shadow: 0 0 4px #fff;transition: opacity .5s ease-in-out, visibility .5s ease-in-out;background-position: center center;background-repeat: no-repeat;background-size: 18px;
position: sticky;right: 1rem;top: 1rem;margin-left: auto;background-image: url("/images/floating-blog-close.svg");}
.floating-blog-menu.open .blog-form-container {animation-name: formToggler;animation-duration: .5s;animation-fill-mode: both;animation-timing-function: ease-in-out;animation-direction: alternate;position: absolute;right: 3.5rem;width: 90vw;height: 60vw;bottom: 0;overflow: auto;width: 90vw;width: 90dvw;height: 90vh;height: 90dvh;left: 50%;top: 50%;transform: translate(-50%, -50%);position: fixed;min-width: 300px;}
.floating-blog-menu.open .blog-form-overlay {content: "";position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);top: 0;left: 0;}

@keyframes
formToggler {
from {opacity: 0;visibility: hidden;}
to {opacity: 1;visibility: visible;}
}

@keyframes
fadeIn {
from {opacity: 0;}
to { opacity: 1;}
}

@media (min-width:992px) {
  .floating-blog-menu.open .floating-blog-menu__option-btn {opacity: 0;visibility: hidden;pointer-events: none;}
  .floating-blog-menu .blog-form {margin-top: -65px;}
}
@media(max-width:991px) {
  .floating-blog-menu .blog-form-close {display: none;}
  .floating-blog-menu .floating-blog-menu__option-btn:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;visibility: hiddden;transition: opacity .5s ease-in-out, visibility .5s ease-in-out;background-position: center center;background-repeat: no-repeat;background-size: 18px;background-image: url("/images/floating-blog-close.svg");}
}