.button{align-items:center;background:var(--main-color);border:0;border-radius:var(--border-radius);color:var(--white-color);display:inline-flex;font-weight:700;gap:.8rem;height:4rem;justify-content:center;line-height:1;padding:.2rem 1.2em 0;text-transform:uppercase}.button img{height:1.2em;margin-top:-.2rem;vertical-align:middle}.button.fullWidth{width:100%}.button.gray{background:var(--gray-background);color:var(--black-color)}.button.white{background:var(--white-color);color:var(--black-color);padding:.2rem .8em 0}.button.white img{height:1.4em}.btn-delete:focus{box-shadow:0 0 0 1px var(--red-color);outline-color:rgba(var(--red-rgb),.2)}.btn-save{background:var(--white-color) url(/Refactoring-blog/static/media/icon-save.8857aa83c9b6f312a8f4.svg) no-repeat 2rem 50% /1.6rem;border:1px solid rgba(var(--main-rgb),.5);border-radius:var(--border-radius);height:4rem;padding-left:2.4rem;transition:all .3s;width:9.6rem}.btn-save:hover{background:var(--main-color) url(/Refactoring-blog/static/media/icon-save-white.05943bbb17b95d133b6b.svg) no-repeat 2rem 50% /1.6rem;color:var(--white-color)}.btn-back{background:var(--gray-background) url(/Refactoring-blog/static/media/ArrowLeft-blue.a8f040986b41c7713bf5.svg) no-repeat 50% 50% /4rem;border-radius:0 var(--border-radius) var(--border-radius) 0;font-size:1.6rem;height:6.4rem;width:6.4rem}.btn-like{background:var(--white-color) url(/Refactoring-blog/static/media/icon-like.ea57499461b6f402eadd.svg) no-repeat 2.5rem 50% /2.4rem;border:1px solid rgba(var(--red-rgb),.5);border-radius:var(--border-radius);height:4rem;padding-left:3rem;transition:all .3s;width:12rem}.btn-like.active,.btn-like:hover{background:var(--red-color) url(/Refactoring-blog/static/media/icon-like-white.547a2a003e8f8143fc9c.svg) no-repeat 2.5rem 50% /2.4rem;color:var(--white-color)}.btn-like:focus{box-shadow:none;outline-color:rgba(var(--red-rgb),.2)}.btn-delete,.btn-modify{border:0;border-radius:var(--border-radius);height:4rem;transition:all .3s;width:4rem}.btn-modify{background:var(--gray-background) url(/Refactoring-blog/static/media/icon-modify.a0c44dddeeb034405fbd.svg) no-repeat 50% 50% /1.6rem;right:13rem}.btn-modify:hover{background:var(--main-color) url(/Refactoring-blog/static/media/icon-modify-white.7936232650b55b108bd1.svg) no-repeat 50% 50% /1.6rem}.btn-delete{background:var(--gray-background) url(/Refactoring-blog/static/media/icon-delete.cdfd12b1245deea1ae59.svg) no-repeat 50% 50% /1.6rem}.btn-delete:hover{background:var(--red-color) url(/Refactoring-blog/static/media/icon-delete-white.b1c660db8a27a74dad21.svg) no-repeat 50% 50% /1.6rem}.view .wrap-box h2{margin-bottom:0}.view-contents img{margin:3.2rem 0;max-width:100%}.view-contents p{font-size:1.6rem;letter-spacing:-.01em;line-height:1.6;text-align:justify}.view .wrap-box .author-wrap{font-size:1.4rem;height:6.4rem}.title-wrap{align-items:flex-end;display:flex;font-size:1.6rem;gap:8rem;justify-content:space-between;margin-bottom:1rem}.title-wrap h2{text-transform:none;width:100%}@media (max-width:1024px){.title-wrap{flex-direction:column;gap:2rem}}.title-wrap h2{font-size:3.2rem;font-weight:700}.title-wrap button{flex-shrink:0}.view .wrap-box .btn-back{left:0;position:absolute;top:8rem}.view .category{margin:2rem 0 1rem}@media (max-width:1024px){.view .wrap-box .btn-back{height:5.2rem;top:6rem;width:5.2rem}.view .wrap-box .author-wrap{height:5.2rem;margin-bottom:1rem}}@media (max-width:640px){.view .wrap-box .btn-back{top:4rem}.view .wrap-box .author-wrap{margin-bottom:1rem;padding-left:3rem}}
/*# sourceMappingURL=main.665ba2e3.css.map*/