.app__blogs{width:80%;margin:20px auto auto}.blog__card{display:flex;flex-direction:column;justify-content:space-between;border-radius:5px;overflow:hidden;transition:transform .3s;background-color:#fff}.blog__card:hover{transform:scale(1.05)}.blog__image-container{position:relative}.blog__image-container .image_overlay{position:relative;overflow:hidden}.blog__image-container .image_overlay .overlay{position:absolute;inset:0;overflow:hidden;height:350px;background:linear-gradient(90deg,rgba(34,34,34,.581),rgba(34,34,34,0) 107.03%)}.blog__image{width:100%;height:350px;object-fit:cover}@media screen and (max-width:766px){.app__blogs{width:90%}.blog__image,.blog__image-container .image_overlay .overlay{height:250px;border-radius:10px 10px 0 0!important}}.blog__date{top:10px;left:10px;padding:5px 10px;border-radius:5px;font-size:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.5)}.blog__date,.blog__title{position:absolute;color:#fff}.blog__title{bottom:35px;left:30px;padding:5px 15px;font-size:14px;font-weight:700;z-index:1}.blog__title:before{content:"";position:absolute;background-color:var(--secondary-color);top:0;left:0;width:60%;height:100%;border-radius:0;z-index:-1}:lang(ar) .blog__title{right:30px;width:-moz-fit-content;width:fit-content}:lang(ar) .blog__title:before{top:0;right:0;width:40%}.blog__content{padding:15px}.blog__description{color:#555;font-size:14px;margin-bottom:15px}.blog__button{background-color:var(--secondary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.blog__button:hover{background-color:#e36b2c}.custom-button{background-color:#4a90e2;color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.custom-button:hover{background-color:#357abd;box-shadow:0 5px 15px rgba(0,0,0,.2);transform:translateY(-2px)}.custom-button:active{transform:translateY(0)}