resimde ki gibi bu iki kısım yan yana gelmiyor bunları nasıl yan yana getirebilirim
.category-box-inner
.category-box-title {{ category.name }}
.category-box-text
| {{ category.description }}
.category-box-buttons
router-link(:to="'beraber-ogrenelim/'+category.slug+'/'+category.id" v-if="category.count > 0")
img(src="img/arrow-top.svg")
| Detaylar
a(href="#" v-if="category.count == 0")
img(src="img/arrow-top.svg")
| Yakında
.span(style="text-align:right; color:#000000")
| {{ moment(category.created_at).format('DD/MM/YYYY') }}
.category-box-buttons {
display: inline-block;
width: 100%;
font-size: 13px;
text-align: left;
width: 100%;
margin-top: 6px;
color: #00cd98;
display: block;
}