.books-wrapper>div{width:100%}@media only screen and (min-width:760px){.books-wrapper{display:flex;gap:1rem}}.book{background-color:var(--black);border-radius:var(--rounded);margin-bottom:1rem}.book a{display:block;position:relative}.book__access{color:var(--white);position:absolute;z-index:3;display:block;right:0;top:0;width:50px;height:50px;border-radius:0 var(--rounded) 0 0}.book__access svg{position:absolute;z-index:1}.book__access:after{content:"";display:block;position:absolute;z-index:0;top:-.25rem;right:-.25rem;width:0;height:0;border-top:0 solid rgba(0,0,0,0);border-bottom:50px solid rgba(0,0,0,0);border-left:0 solid rgba(0,0,0,0);border-radius:var(--rounded)}.book__access--limited svg{right:.1rem;top:.1rem}.book__access--limited:after{border-right:50px solid var(--warning)}.book__access--full svg{right:.1rem;top:.1rem}.book__access--full:after{border-right:50px solid var(--success)}.book__details{position:absolute;z-index:2;left:1rem;bottom:1rem}.book__details__logo{width:2rem;height:2rem;border:1px solid var(--white);border-radius:50%}.book__details__author{font-size:.75rem;margin-top:.5rem;margin-bottom:.5rem}.book__details__author,.book__details__title{display:block;font-weight:600;color:var(--white)}.book__details__title{font-size:1.2rem}@media only screen and (min-width:360px){.book__details__title{font-size:1.4rem}}@media only screen and (min-width:760px){.book__details__title{font-size:2rem}}.book__click{z-index:2;position:absolute;right:1rem;bottom:1rem;width:2rem;height:2rem;border-radius:50%;color:var(--white);border:2px solid var(--white);text-align:center;line-height:1.9rem;padding-left:1px;display:none}.book__click svg{position:relative;top:4px}@media only screen and (min-width:250px){.book__click{display:block}}@media only screen and (min-width:360px){.book__click{bottom:1.1rem}}.book__cover{position:relative;z-index:1;display:block;opacity:.9;border-radius:var(--rounded);box-shadow:var(--boxshadow);width:100%;overflow:hidden}.book__cover img{width:100%;height:auto;display:block}.book__cover:after{content:"";position:absolute;height:100%;bottom:0;width:100%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7))}.book__cover--limited img{filter:grayscale(100%)}