.PressHomepageBookZine {
  position: relative;
  margin-top: 40px;
  max-width: 100%;
  min-width: 200px;
  --borderColor: var(--color)
}

@media (min-width:900px) {
  .PressHomepageBookZine {
    max-width: 380px
  }
}

@media (max-height:500px) {
  .PressHomepageBookZine {
    max-width: calc(var(--vh)*50)
  }
}

.PressHomepageBookZine__link {
  position: relative;
  display: block;
  width: 100%;
  max-width: 380px
}

.PressHomepageBookZine__img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 8px;
  border: 1px solid var(--borderColor);
  overflow: hidden;
  cursor: pointer
}

.PressHomepageBookZine__cta {
  position: absolute;
  top: 16px;
  right: 12px;
  background: var(--backgroundColor);
  display: flex;
  align-items: center;
  border: 1px solid;
  padding: 8px 15px 6px;
  cursor: pointer
}

.PressHomepageBookZine:hover .PressHomepageBookZine__cta {
  background: var(--color);
  color: var(--backgroundColor);
  border-color: var(--color)
}

.PressHomepageBookZine:hover .PressHomepageBookZine__icon {
  fill: var(--backgroundColor)
}

.PressHomepageBookZine__icon {
  fill: var(--color);
  margin-right: 12px;
  margin-top: -5px
}