.present {
  color: black;

  &:hover, &:focus {
    color: black;
  }

  padding: 1rem;

  .present-checkbox {
    height: 10rem;
    div {
      position: relative;
      margin-top: 4rem;
      width: 2rem;
      height: 2rem;
      border: 2px solid black;
      &::after{
        position: absolute;
        top: -1rem;
        left: -0.5rem;
        right: -0.5rem;
        bottom: 0.1rem;
        content: ""
      }
    }
    &.checked div::after{
      background-image: url("../img/check.png");
      background-size: 100% 100%;
    }
  }

  .present-image {
    width: 10rem;
    height: 10rem;
    object-fit: contain;
    padding-left: 1.3rem;
    padding-right: 1.3rem;
  }

  .present-name {
    font-weight: bold;
  }
}