@charset "utf-8";

.ask-wrapper { width: inherit; background-color: rgb(246, 246, 246); }

.ask-body { position: relative; }

.ask-btn { position: absolute; bottom: 0px; right: 0px; border: 2px solid rgb(232, 68, 46); padding: 0.5rem 1rem; border-radius: 0.5rem; cursor: pointer; }

.description { max-width: 300px; margin-left: auto; border: 2px solid rgb(232, 68, 46); border-radius: 0.5rem; overflow: hidden; }

.description-head, .description-body, .description-link { padding: 0.5rem; }

.description-head { color: rgb(255, 255, 255); background-color: rgb(232, 68, 46); display: flex; }

.description-title { -webkit-box-flex: 2; flex: 2 2 95%; font-size: 1rem; }

.description-close { height: 1rem; -webkit-box-flex: 1; flex: 1 1 5%; position: relative; cursor: pointer; }

.description-close::before, .description-close::after { content: ""; position: absolute; top: 0px; left: 50%; width: 1px; height: inherit; background-color: rgb(255, 255, 255); }

.description-close::before { transform: rotate(-45deg) translateX(-50%); }

.description-close::after { transform: rotate(45deg) translateX(-50%); }

.description-body { background-color: rgb(255, 255, 255); }

.description-link { display: block; position: relative; color: rgb(85, 85, 85); background-color: rgb(246, 246, 246); }

.description-link::after { content: ">"; position: absolute; right: 0.5rem; }

.ask-btn, .description { opacity: 0; visibility: hidden; transition: 0.2s; }

.is-opened { opacity: 1; visibility: visible; }

.text-bold { font-weight: 700; }