.btn-note{position:fixed;right:8px;bottom:100px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;z-index:9}.btn-note span{writing-mode:sideways-lr;text-transform:uppercase;font-weight:600;background:#191919;padding:8px 4px;border-radius:4px}.btn-note .icon{width:62px;height:62px;background:var(--blue);border-radius:50%;box-shadow:0 0 10px rgb(0 0 0 / .3);font-size:32px;color:#fff;line-height:62px;text-align:center;cursor:pointer;z-index:9}.btn-note .icon:hover{background:var(--yellow)}.btn-note .icon:after{content:'\f1fc'}#note{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .6);display:none;align-items:center;justify-content:center;padding:120px 0}#note.open{display:flex}.note{background:#25252c;min-width:600px;border-radius:20px;box-shadow:0 0 20px rgb(0 0 0 / .3);padding:24px;position:relative}.note textarea{display:block;width:100%;border:1px solid rgb(0 0 0 / .1);padding:16px;border-radius:8px;font-family:montserrat,sans-serif;margin-bottom:24px;background:#ffffff08;height:40vh;outline:none;color:#fff}.note h1{margin:-24px -24px 24px;padding:24px;font-size:22px;line-height:22px;text-align:center;background:var(--blue);color:#fff;border-radius:20px 20px 0 0;font-weight:500}#note .btn-close{width:32px;height:32px;position:absolute;background:#fff;right:-8px;top:-8px;border-radius:50%;color:var(--dark-grey);box-shadow:0 0 10px rgb(0 0 0 / .2);line-height:32px;text-align:center;cursor:pointer}#note .btn-close:after{content:'\e5cd'}