.wrapper{background-color:#fffcd7;margin-top:1rem;}.wrapper #mushafreader .mushaf-page{width:100%;}.wrapper #mushafreader .pages-navigation{display:flex;padding:1rem;flex-direction:row;justify-content:space-between;gap:1rem;}.wrapper #mushafreader .pages-navigation .btn{font-size:18px;font-weight:600;text-transform:uppercase;padding:0 3rem;background-color:#135d36;border-color:#135d36;white-space:nowrap;}.wrapper #mushafreader .pages-navigation button img{height:1.4rem;position:relative;top:-1px;}.wrapper #mushafreader .pages-navigation .next-button{grid-area:nextButton;}.wrapper #mushafreader .pages-navigation .next-button img{margin-right:.2rem;}.wrapper #mushafreader .pages-navigation .prev-button{grid-area:prevButton;}.wrapper #mushafreader .pages-navigation .prev-button img{margin-left:.2rem;}.wrapper #mushafreader .pages-navigation .btn-full-mode{grid-area:btnFullMode;width:3rem;height:2.3rem;background:url("../../img/icons/full-mode.svg");background-position:center;background-repeat:no-repeat;background-size:contain;border:0;outline:none;}@media screen and (max-width:768px){.wrapper #mushafreader .pages-navigation .btn-full-mode{width:2rem;height:2rem;}}.wrapper #mushafreader .pages-navigation .mushaf-page-dropdown{grid-area:mushafPage;}@media screen and (max-width:768px){.wrapper #mushafreader .pages-navigation{display:grid;grid-template-columns:1fr 1fr 2rem;grid-template-areas:"nextButton prevButton btnFullMode" "mushafPage mushafPage mushafPage";}.wrapper #mushafreader .pages-navigation .btn{padding:0 1rem;}}.wrapper #mushafreader .full-mode{background-color:#fffcd7;height:100vh;width:100%;position:absolute;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:contain;}.close-button{width:3rem;height:3rem;background:url("../../img/icons/close.svg") no-repeat;position:absolute;right:1rem;top:1rem;border:0;}.close-button:hover{background:url("../../img/icons/close-hover.svg") no-repeat;}