.single-operator-wrapper {
  container-type: inline-size;
}
.single-operator-wrapper .single-operator {
  padding: 9px;
  display: grid;
  grid-template-columns: 138px 1fr 125px;
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 6px;
  border-radius: 8px;
  border: 1px solid #E6EDED;
  font-family: "Inter";
  grid-template-areas: "logo operator-name cta-button" "logo bonus-text cta-button" "logo bonusx-code review-link";
}
@container (max-width: 650px) {
  .single-operator-wrapper .single-operator {
    grid-template-areas: "logo operator-name cta-button" "logo review-link cta-button" "bonus-text bonus-text bonus-text" "bonusx-code bonusx-code bonusx-code";
    grid-template-columns: 88px 98px 1fr;
    grid-column-gap: 10px;
  }
}
.single-operator-wrapper .single-operator .single-operator-logo-wrapper {
  grid-area: logo;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
@container (max-width: 650px) {
  .single-operator-wrapper .single-operator .single-operator-logo-wrapper {
    min-height: 48px;
  }
}
.single-operator-wrapper .single-operator .single-operator-logo-wrapper .single-operator-logo {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}
.single-operator-wrapper .single-operator .single-operator-name {
  grid-area: operator-name;
  display: block;
  font-family: "Inter";
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}
@container (min-width: 650px) {
  .single-operator-wrapper .single-operator .single-operator-name {
    background-color: rgba(1, 73, 72, 0.1019607843);
    transform: translateX(4px);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 14px;
    padding-bottom: 8px;
  }
}
@container (max-width: 650px) {
  .single-operator-wrapper .single-operator .single-operator-name {
    text-align: left;
    padding-top: 1px;
    padding-bottom: 4px;
  }
}
.single-operator-wrapper .single-operator .single-operator-bonus-text {
  background-color: rgba(1, 73, 72, 0.1019607843);
  grid-area: bonus-text;
  font-family: "Intro-Bold";
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.42px;
  text-align: center;
  color: #014948;
  padding: 0 16px 8px;
}
@container (min-width: 650px) {
  .single-operator-wrapper .single-operator .single-operator-bonus-text {
    transform: translateX(4px);
  }
}
@container (max-width: 650px) {
  .single-operator-wrapper .single-operator .single-operator-bonus-text {
    font-size: 15px;
    font-family: "Inter";
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: 10px;
    padding: 14px 20px 6px;
    line-height: 17px;
  }
}
.single-operator-wrapper .single-operator .bonus-code-button-wrapper {
  background-color: rgba(1, 73, 72, 0.1019607843);
  grid-area: bonusx-code;
  display: flex;
  justify-content: center;
  padding-bottom: 13px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
@container (min-width: 650px) {
  .single-operator-wrapper .single-operator .bonus-code-button-wrapper {
    transform: translateX(4px);
  }
}
.single-operator-wrapper .single-operator .bonus-code-button-wrapper .single-operator-bonus-code {
  font-family: "Inter";
  display: block;
  background-color: #014948;
  text-decoration: none;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  border-radius: 6px;
  padding: 6px 10px 6px 30px;
  position: relative;
}
.single-operator-wrapper .single-operator .bonus-code-button-wrapper .single-operator-bonus-code:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  left: 10.5px;
  top: calc(50% - 7px);
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.69996 3.69987H3.70663M6.00794 1H4.20009C3.07999 1 2.51993 1 2.09211 1.21799C1.71579 1.40973 1.40983 1.71569 1.21808 2.09202C1.00009 2.51984 1.00009 3.07989 1.00009 4.2V6.00785C1.00009 6.49703 1.00009 6.74162 1.05535 6.9718C1.10435 7.17587 1.18515 7.37096 1.29481 7.5499C1.41849 7.75174 1.59145 7.92469 1.93735 8.27059L5.07068 11.4039C5.86271 12.196 6.25874 12.592 6.71539 12.7404C7.11708 12.8709 7.54977 12.8709 7.95146 12.7404C8.40811 12.592 8.80414 12.196 9.59617 11.4039L11.404 9.59607C12.196 8.80405 12.5921 8.40802 12.7404 7.95137C12.871 7.54968 12.871 7.11699 12.7404 6.7153C12.5921 6.25864 12.196 5.86262 11.404 5.07059L8.27068 1.93726C7.92478 1.59135 7.75183 1.4184 7.54999 1.29472C7.37105 1.18506 7.17596 1.10425 6.97189 1.05526C6.74171 1 6.49712 1 6.00794 1ZM4.03329 3.69987C4.03329 3.88396 3.88406 4.0332 3.69996 4.0332C3.51587 4.0332 3.36663 3.88396 3.36663 3.69987C3.36663 3.51577 3.51587 3.36654 3.69996 3.36654C3.88406 3.36654 4.03329 3.51577 4.03329 3.69987Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.single-operator-wrapper .single-operator .bonus-code-button-wrapper .single-operator-bonus-code > span {
  transform: translate(0px, 1px);
}
.single-operator-wrapper .single-operator .single-operator-cta-link {
  grid-area: cta-button;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  width: fit-content;
  color: #FFF;
  font-family: "Inter";
  font-size: 12px;
  font-weight: 700;
  background-color: #F93801;
  border-radius: 56px;
  align-self: flex-start;
  text-align: center;
  width: 100%;
  padding: 12.5px 4px;
  display: flex;
  justify-content: center;
  gap: 5px;
}
.single-operator-wrapper .single-operator .single-operator-cta-link:hover {
  background-color: #014948;
}
.single-operator-wrapper .single-operator .single-operator-cta-link:before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 4L10 8L6 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.single-operator-wrapper .single-operator .single-operator-cta-link:after {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 4L10 8L6 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@container (min-width: 650px) {
  .single-operator-wrapper .single-operator .single-operator-cta-link {
    transform: translateX(4px);
    margin-top: 19px;
    margin-bottom: 10px;
  }
}
@container (max-width: 650px) {
  .single-operator-wrapper .single-operator .single-operator-cta-link {
    align-self: center;
    padding: 8.5px 4px;
    gap: 4px;
  }
}
@container (max-width: 450px) {
  .single-operator-wrapper .single-operator .single-operator-cta-link {
    padding: 8.5px 2px;
    gap: 2px;
  }
}
.single-operator-wrapper .single-operator .single-operator-main-review-link {
  display: block;
  text-decoration: none;
  color: #000000;
  grid-area: review-link;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
}
@container (min-width: 650px) {
  .single-operator-wrapper .single-operator .single-operator-main-review-link {
    transform: translate(4px, -6px);
  }
}
@container (max-width: 650px) {
  .single-operator-wrapper .single-operator .single-operator-main-review-link {
    text-align: left;
    padding-bottom: 1px;
  }
}

/*# sourceMappingURL=single-operator.css.map */