@import "../../../styles/varibale.scss";

.offerContainer {
  margin: 0 1em;
  margin-bottom: 1em;
  max-width: 100%;
  border-radius: 1em;
}

.offerContainerMobile {
  max-width: 100%;
  margin: 0 1em;
  cursor: pointer;
  margin-bottom: 1em;
  border-radius: 1em;
}

.contentStyle {
  object-fit: fill;
  max-height: 20rem;
  min-width: 75em;
}

.contentStyleMobile {
  object-fit: fill;
  max-height: 15em;
  min-width: 45em;
}

.iconRightDisplay {
  color: $primaryColor;
  background: whitesmoke;
  width: 3.5em;
  height: 3.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2em;
  position: absolute;
  right: 3em;
  top: calc(50% - 1.5em);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.iconLeftDisplay {
  color: $primaryColor;
  background: whitesmoke;
  width: 3.5em;
  height: 3.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2em;
  position: absolute;
  left: 3em;
  top: calc(50% - 1.5em);
  z-index: 9;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}