.previous-next{
  display:flex;
}
@media (max-width : 520px) {
  .previous-next{
    display:grid;
  }
}

.previous-next__previous{
  flex:1;
  margin: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align:left;
  border: 2px solid #ECE9FF;;
}
.previous-next__next{
  flex:1;
  margin: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align:right;
  background-color:aliceblue;
  border: 2px solid #ECE9FF;
}
.previous-next__text{
  color: var(--core-color);
  font-weight: bold;
  padding: 10% 10%;
  font-size: x-large;
  background-color: #FFFFFFEE;
  height: 100%;
}
.previous-next__text:hover{
  background-color:#ECE9FFEE;
}
.previous-next__title{
  font-weight: bold;
  font-size: 16px;
  color:var(--grey-accent-1);
}