.container{display:flex;justify-content:space-between;margin:0;padding:2rem}.bdr{border:thin solid #989898;margin-left:auto;margin-right:auto;max-width:90%}.img-con,.wrapper{display:flex}.img-con{align-items:center;justify-content:center}.img{height:auto;padding:1rem;width:180px}.text-wrapper{display:flex;flex-direction:column}.text-sub-wrapper{align-items:center;display:flex}.date{color:gray;margin-right:1rem;min-width:5rem}.category{border:1px solid #989898;border-radius:1rem;color:#989898;padding:0 1rem}.title{max-width:68rem}.url-con{padding:1rem;position:relative}.newsbutton,.url-con{align-items:center;display:flex;justify-content:center}.newsbutton{background-color:#0a3190;border-radius:50%;color:#fff;height:50px;position:absolute;text-decoration:none;top:50%;transform:translateY(-50%);transition-duration:.1s;width:50px}.newsbutton:hover{background-color:#fff;border:1px solid #0a3190;color:#0a3190}.arrow{text-align:center}@media screen and (max-width:768px){.title{max-width:24rem}}@media screen and (max-width:420px){.container{display:grid;grid-template-columns:3fr 1fr;padding:8px}.wrapper{height:120px;width:120px}.img{height:auto;padding:10px;width:100px}.text-sub-wrapper{align-items:center;display:block;margin:0}.title{max-width:6rem;min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date{height:4px}.category{font-size:12px;letter-spacing:.2px;margin:8px 0;padding:0 3px;text-align:center}.category>span{font-size:smaller}p{font-size:small}.url-con{padding:8px}}