.home_page_bcard{display:flex}.home_page_bcard .container_card-side{justify-content:space-between;width:100%}.container_card-side{position:relative}.container_card-side:hover .right_details{background-color:var(--secondary-color);color:#fff;border-radius:20px}.container_card-side:hover .right_details>div{width:50px;margin-right:10px;display:block}.container_card-side:hover .right_details_plateles{background-color:#5dd95d}.container_card-side{border:1px solid #ddd;border-radius:10px;flex-direction:column;display:flex;padding:0!important}.container_card-side:hover{box-shadow:0 4px 20px #20254d1a}.address{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.header{align-items:center;gap:15px;padding:10px 15px 0;display:flex}.blood-info{flex-direction:column;align-items:center;display:flex}.blood-info>span{color:#fff;background-color:#c92729;border-radius:10px;margin-top:-10px;padding:2px 10px;font-size:14px}.blood-type{border:1px solid #c92729;border-radius:100%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.blood-type>span{color:#c92729;font-size:30px;font-weight:500}.hospital-info .unit{color:#c92729;font-size:16px;font-weight:600}.hospital-info .address{color:#393939;font-size:14px;font-weight:400}.hospital-info .time{color:#484848;font-size:12px;font-weight:400}.bottom{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:0;display:flex}.bottom .left{color:#7b7b7b;flex-direction:row;align-items:center;gap:20px;display:flex}.bottom .left .icon_info{align-items:center;gap:5px;display:flex}.bottom .left .icon_info button{color:#7b7b7b}.bottom .left .icon_info button span{color:#7b7b7b!important}.bottom .arrow_right{cursor:pointer;background-color:#eee;border-radius:100%;padding:10px;font-size:35px}.right_details{border:unset;cursor:pointer;background-color:#eee;border-radius:20px;align-items:center;padding:10px;transition:all .5s;display:flex}.right_details>div{color:#fff;width:0;font-size:14px;transition:all .5s;overflow:hidden}.card_bottom{background:#f7fafd;border-radius:0 0 12px 12px;margin-top:20px;padding:5px 10px}.time_stamp{background-color:var(--secondary-color);color:#fff;border-radius:0 12px;padding:6px 12px 0;font-size:14px;position:absolute;top:0;right:0}.time_stamp p{margin-bottom:8px}.blood-info-platelets{flex-direction:column;align-items:center;display:flex}.blood-info-platelets>span{color:#fff;background-color:#7d7;border-radius:10px;margin-top:-10px;padding:2px 10px;font-size:14px}.blood-type-platelets{border:1px solid #7d7;border-radius:100%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.blood-type-platelets>span{color:#7d7;font-size:30px;font-weight:500}.hospital-info{flex-direction:column;gap:5px;display:flex}.hospital-info .unit-platelets{color:#7d7;font-size:16px;font-weight:600}