@import "https://fonts.googleapis.com/css?family=Exo:300,500,600&display=swap";
body {
  font-family: "Exo", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0; }

a {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute; }

.set-wrapper {
  background: #FFFFFF;
  position: relative;
  width: 300px;
  height: 250px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.13); }
  .set-wrapper .middle-container {
    position: absolute;
    left: 15px;
    top: 15px;
    overflow: hidden;
    background: #FFFFFF;
    width: calc(300px - 30px);
    height: calc(250px - 30px);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.13); }
    .set-wrapper .middle-container .logo {
      position: absolute;
      width: 80px;
      height: 27px;
      top: 15px;
      right: 15px; }
    .set-wrapper .middle-container .line {
      position: absolute;
      width: 7px;
      height: 236px;
      top: -7px;
      left: 0px; }
    .set-wrapper .middle-container .backgroundarea {
      position: absolute;
      height: 220px;
      width: 112px;
      right: 0;
      top: 0;
      overflow: hidden; }
      .set-wrapper .middle-container .backgroundarea img {
        position: absolute;
        left: -138px; }
    .set-wrapper .middle-container .text-area {
      position: absolute;
      top: 12px;
      left: 28px; }
    .set-wrapper .middle-container .headline {
      position: absolute;
      width: 125px;
      font-weight: 600;
      font-size: 14px;
      line-height: 16px;
      font-family: "Exo", sans-serif;
      overflow: hidden;
      text-transform: uppercase; }
      .set-wrapper .middle-container .headline .text {
        position: relative;
        right: -125px; }
    .set-wrapper .middle-container .subline {
      position: absolute;
      width: 125px;
      font-weight: 300;
      font-size: 13px;
      line-height: 18px;
      top: 45px;
      font-family: "Exo", sans-serif;
      overflow: hidden; }
      .set-wrapper .middle-container .subline .text {
        position: relative;
        right: -125px; }
    .set-wrapper .middle-container .cta {
      position: absolute;
      left: 20px;
      bottom: 15px;
      background: #d0021b;
      color: #FFFFFF;
      font-size: 11px;
      font-family: "Exo", sans-serif;
      font-weight: 600;
      width: 122px;
      height: auto;
      border-radius: 17px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      transform: scale(8);
      opacity: 0;
      padding: 10px 0; }

/*# sourceMappingURL=style.css.map */