@import "../../../../../../style/CommonStyle.module.less";
@import "../../../../../../style/utils.module.less";

.itemContainer {
  .size(@w: 444px, @h: 348px);
  background-color: @BG_COLOR_05;
  border-radius: 12px;
  padding: 32px 30px;
  position: relative;

  .title {
    color: @COLOR_GRAY06;
    .font(@fontFamily: @baseFont, @fontSize: 36px);
    font-weight: bold;
    margin-bottom: 19px;
  }

  .addressWrap {
    color: @COLOR_GRAY03;
    line-height: 1.33;
    margin-bottom: 37px;
    font-size: 24px;
  }

  .cardFooter {
    .font(@fontFamily: @baseFont, @fontSize: 24px);
    font-weight: bold;
    color: @COLOR_GRAY03;

    .callNumber {
      padding-left: 42px;
      margin-bottom: 6px;

      > span {
        background-image: url("../../../../../../../assets/images/icons/ic-gr-call.svg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        .size(@w: 36px, @h: 36px);
        position: absolute;
        left: 30px;
      }
    }

    .email {
      padding-left: 42px;

      > span {
        background-image: url("../../../../../../../assets/images/icons/ic-gr-mail-36.svg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        .size(@w: 36px, @h: 36px);
        position: absolute;
        left: 30px;
      }
    }
  }

  &:focus {
    &::after {
      .focused(@boxShadow: 22px, @borderRadius: 12px);
    }
  }
}
