.books__list{display:flex;flex-wrap:wrap}.books__item{border-bottom:1px solid var(--divider-default);width:100%}.books__button{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='40' fill='none' viewBox='0 0 39 40'%3E%3Cpath fill='%23F5F8FA' stroke='%23B8CADE' d='M39.5 39.5H1.207L39.5 1.207z'/%3E%3C/svg%3E") no-repeat right -1px bottom -1px;background-size:4rem 4rem;color:var(--text-normal);height:100%;line-height:1.6;text-align:left;width:100%}.books__figure{align-items:center;display:flex;height:25.6rem;justify-content:center;padding:1.9rem 2rem;width:100%}.books__figure img{height:100%!important;object-fit:contain;width:100%!important}.books__author{color:var(--text-light);font-weight:600}.books__author,.books__publisher{font-size:1.3rem}@media screen and (min-width:769px){.books__list{margin-bottom:-1px!important}.books__item{border-right:1px solid var(--divider-default);width:33.3333%;&:nth-child(3n){border-right:none}&:nth-child(-n+3){border-top:none}}.books__button:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='40' fill='none' viewBox='0 0 39 40'%3E%3Cpath fill='%23597697' stroke='%23B8CADE' d='M39.5 39.5H1.207L39.5 1.207z'/%3E%3C/svg%3E")}.books__figure{height:39.1rem;padding:5.7rem 0}.books__author{font-size:1.4rem}}@media screen and (max-width:768px){.books__item{&:last-child{border-bottom:none}}}.modal{border:none;max-width:73.6rem;padding:1.6rem 1.6rem 3.2rem;width:100%;&::backdrop{background:#323b4b;opacity:.5}}.modal__inner{display:flex;flex-direction:column;gap:1.6rem;padding:.8rem 0 0}.modal__content{align-items:center;display:flex;flex-direction:column;gap:1.6rem;& .button{color:#fff!important}& .text-column{width:100%}}.modal__figure{align-items:center;display:flex;justify-content:center;width:100%;& img{height:100%!important;object-fit:contain;width:100%!important}}.modal__title{font-size:1.6rem}.modal__desc{font-size:1.4rem;line-height:2}.modal__button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none' viewBox='0 0 24 25'%3E%3Crect width='23' height='23' x='.5' y='1' fill='%23fff' rx='11.5'/%3E%3Crect width='23' height='23' x='.5' y='1' stroke='%23DEE8F3' rx='11.5'/%3E%3Cpath stroke='%2358616C' stroke-linecap='round' stroke-linejoin='round' d='M16 8.5h-4.5m4.5 0V13m0-4.5L8.5 16'/%3E%3C/svg%3E")}.modal__close-text{color:var(--color-text);font-size:1.4rem;font-variant:"wght" 600;font-weight:600;line-height:1.6}.modal__close-icon{display:block;height:2.4rem;margin:0 0 0 auto;outline:none;width:2.4rem}@media screen and (min-width:769px){.modal{padding:1.6rem}.modal__inner{gap:3.2rem;padding:2.4rem}.modal__content{gap:2.4rem}.modal__figure{height:39.1rem;padding:1.9rem 0 1.8rem}.modal__title{font-size:2.4rem}.modal__desc{font-size:1.8rem}.modal__close-text{font-size:1.6rem}}@media screen and (max-width:768px){.modal{margin:auto 2rem;width:auto}.modal__figure{height:25.6rem;padding:1.9rem 0 1.8rem}}