@charset "utf-8";
.makeup-recipe {
  max-width: 750px;
  margin: 0 auto;
}

.makeup-recipe img {
  height: auto;
}

.makeup-recipe .cv-area {
  position: relative;
}

.makeup-recipe .btn-wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  bottom: 60px;
  display: flex;
  width: 78%;
  gap: 50px;

  justify-content: space-between;
}

.makeup-recipe .btn-wrap .cv-btn {
  box-shadow: 6px 6px 8px 0px rgba(32, 32, 32, 0.2);
  transition: 0.3s opacity;
}

@media (hover: hover) {
  .makeup-recipe .btn-wrap .cv-btn:hover {
    opacity: 0.7;
  }
}

@media (max-width: 767px) {
  .makeup-recipe .btn-wrap {
    bottom: calc(60 * 100vw / 750);
    gap: calc(50 * 100vw / 750);
  }
  .makeup-recipe .btn-wrap .cv-btn {
    box-shadow: 3px 3px 4px 0px rgba(32, 32, 32, 0.2);
  }
}