Replicate arrows like this theme does

Hello,

This is the block -> https://pastebin.com/re2SDvEG set this class https://i.imgur.com/SfaUXQ1.png and you need to use this custom code CSS in raw CSS
.td_flex_block_1.td-week-slider .td-next-prev-wrap {
position: absolute;
top: 5px;
width: 100%;
height: 40px;
z-index: -1;
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td_flex_block_1.td-week-slider .td-next-prev-wrap {
top: 12px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td_flex_block_1.td-week-slider .td-next-prev-wrap {
top: 10px;
}
}
@media (max-width: 767px) {
.td_flex_block_1.td-week-slider .td-next-prev-wrap {
top: 45%;
}
}
.td_flex_block_1.td-week-slider .td-next-prev-wrap a {
margin: 0;
min-width: 36px;
min-height: 36px;
position: absolute;
}
.td_flex_block_1.td-week-slider .td-next-prev-wrap a.ajax-page-disabled {
opacity: 1;
}
.td_flex_block_1.td-week-slider .td-next-prev-wrap a i {
line-height: 36px;
}
.td_flex_block_1.td-week-slider .td-next-prev-wrap a.td-ajax-prev-page {
left: -60px;
}
.td_flex_block_1.td-week-slider .td-next-prev-wrap a.td-ajax-next-page {
right: -60px;
}


Thank you!

Hi,

You can import the templates of Newspaper week if you want to use that demo. You can import them from the cloud template -> https://cloud.tagdiv.com/#/load/All -> https://forum.tagdiv.com/how-use-tagdiv-cloud-library-templates/ or install a prebuilt website https://forum.tagdiv.com/installing-demos/

Thank you!