.overview-page-container{width:auto;height:auto}.story-card-container{position:relative;justify-self:center;margin:200px 0 300px;border:1px solid var(--purple);border-radius:25px;background-color:var(--white);padding:30px;width:1125px;height:100%}.overview-page-container .story-card{display:flex;position:relative;flex-direction:row;justify-content:space-between;gap:40px}.overview-flex-1{position:relative;width:100%}.overview-flex-2{display:flex;flex-direction:column;gap:20px;width:550px}.like-dislike-container{display:flex;gap:25px;transition:all .3 ease;&>*{cursor:pointer;&:hover{opacity:.5;transition:all .3 ease}}}.reaction-button{border:none;background:transparent;padding:0;align-items:center}.reaction-button:disabled{cursor:not-allowed;opacity:.7}.overview-page-container .dislike-container,.overview-page-container .like-container{display:flex;gap:5px;p{font-weight:700}}.reaction-error{margin:5px 0;color:#d14343;font-weight:500;font-size:14px}.overview-flex-3{display:flex;flex-direction:column;justify-content:space-between;gap:10;width:550px;&:last-child a{justify-self:flex-end}}.overview-page-container .img-container{position:relative;width:500px}.overview-img{border-radius:25px}.overview-page-container .read-button{display:flex;position:relative;flex-direction:row;justify-content:center;align-items:center;transition:background-position .6s ease;cursor:pointer;margin:0 auto;border:1px solid var(--white);border-radius:25px;background:linear-gradient(90deg,rgba(142,16,231,1),rgba(220,130,255,1) 51%,rgba(142,16,231,1));background-position:0 100%;background-size:200% 100%;padding:0 20px;width:100%;height:60px;overflow:hidden;color:var(--white);font-weight:500;&:hover{background-position:100% 100%}}.read-icon{margin-top:2px;margin-left:10px}.read-button:disabled{opacity:.65;cursor:not-allowed}.overview-h3{margin-bottom:15px;font-weight:500;font-size:27px}.overview-page-container p{color:var(--secondary-text-color);font-weight:300;font-size:20px}p.overview-synopsis{margin-bottom:20px;font-size:16px}.author{cursor:pointer;font-weight:700}.button-container{display:flex;position:absolute;bottom:0;flex-direction:row;justify-content:flex-end;width:100%}.btn-back{display:flex;position:absolute;top:0;left:0;align-items:center;gap:10px;transition:all .3s ease;margin:0 40px 40px 4vw;border:1px solid var(--primary-text-color);border-radius:25px;padding:8px 15px;&:hover{background-color:var(--primary-text-color);color:var(--white)}}