.genre {
    border-radius: 0 0 8px 8px;
    box-shadow: 0 30px 30px -30px rgba(0, 0, 0, 0.15) !important;
    padding: 0 20px;
    display: block;
    text-align: center;
}
.genre .image-container {
  aspect-ratio: 300 / 187;
  overflow: hidden;
}
.genre img {
    left: 0;
}
.genre .contentarea {
    line-height: 34px;
    font-weight: 500;
    padding: 3px 44px 3px 15px;
    margin: 10px 0 15px;
    border-top-right-radius: 8px;
    position: relative;
    background: #fff url(arrow-right.svg) calc(100% - 15px) center no-repeat;
    display: inline-block;
}
a.genre .contentarea {
    color: #000000;
}
a.genre:hover .contentarea {
    color: #3589AA !important;
    background: #fff url(arrow-right-hover.svg) calc(100% - 15px) no-repeat;
}