p{margin:0}body{background:#efefef}.seats__container{display:flex;flex-direction:row;gap:10px;margin-bottom:10px}.seat{display:flex;width:24px;height:24px;border-radius:4px;font-size:12px;align-items:center;justify-content:center}.available{border:solid 1px #2196F3;cursor:pointer;transition:all .3s}.temp_booked{border:solid 1px #2196F3;background-color:#2196f3;color:#fff;cursor:pointer}.available:hover{background-color:#2196f3;transition:all .3s;color:#fff}.blocked{background:url(https://www.shutterstock.com/image-vector/no-sitting-do-not-sit-600nw-551366722.jpg) no-repeat;color:#fff;pointer-events:none;border:solid 1px transparent;background-size:20px;border:solid 1px #e17171;background-position:center center}.not.available{visibility:hidden;pointer-events:none;border:solid 1px transparent}.booked{color:#616161;background-color:#c1c1c1;pointer-events:none;border:solid 1px transparent}.movie__hall{width:750px;margin:auto;background:#fff;padding:20px;border-radius:4px;border:solid 1px #d2d2d2}.movie__hall__row{display:flex;justify-content:space-between;gap:20px}.footer__btn{margin-top:20px;display:flex;justify-content:center;gap:20px}button{background:transparent;max-width:200px;width:200px;height:50px;border-radius:8px;cursor:pointer;font-size:16px}.book{background:#03a9f4;color:#fff;border:solid 1px #2d8fbc}.cancel{border:solid 2px #2d8fbc}