.c-pu__btn { font-size: 18px; font-weight: bold; display: block; line-height: 20px; width: 24px; position: absolute; border-radius: 100vh; box-sizing: border-box; top: -10px; right: 15px; cursor: pointer; } .c-pu__btn--diagnosis { color: #FF7BA9; border: 2px solid #FF7BA9; background: #fff; } .c-pu__text { font-weight: bold; font-size: 16px; color: #666; line-height: 30px; } .c-pu__img__link img { border-radius: 8px; } .c-pu__close { display: none; } .c-pu__close.c-pu--is_action01 { display: block; writing-mode: vertical-rl; background-color: #FF7BA9; color: #fff; font-size: 16px; font-weight: bold; padding: 10px; border-radius: 5px 0 0 5px; cursor: pointer; position: absolute; right: 0; bottom: 25px; position: fixed; right: 0; bottom: 25px; z-index: 999; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); } .c-pu__open { padding: 10px 15px 15px; width: -moz-fit-content; width: fit-content; transition: 0.7s transform; text-align: center; position: fixed; right: 0; bottom: 25px; z-index: 999; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); } .c-pu__open--diagnosis { background: #FFF1F1; } .c-pu__open.c-pu--is_action02 { transform: translateX(100%); } @media screen and (max-width: 768px) { .c-pu__open{ display: none; } } /*# sourceMappingURL=popup.css.map */