.room120_price-cards__card {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  background-color: #fff;
  width: 100%;
  padding: 3.5vmax 3vmax;
  transition: .4s box-shadow, .4s transform;
}
.room120_price-cards__price-swich {
  opacity: 0;
  animation: price-update .4s ease .1s forwards;
}
@keyframes price-update {
    100% { opacity: 1; }
}
.room120_price-cards__card.span3 {
  padding: 4.5% 3%;
}
@media (min-width: 768px) and (max-width: 1139px) {
  .room120_price-cards__card.span3:first-child,
  .room120_price-cards__card.span3:nth-child(2) {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .room120_price-cards__inner {
    display: flex;
  }
}
@media (max-width: 1139px) {
  .room120_price-cards__card {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .room120_price-cards__card {
    padding: 45px 30px;
  }
}
.room120_price-cards__card-title {
  margin-bottom: 30px;
}
.room120_price-cards__card ul {
  padding: 0;
  text-align: left;
}
.room120_price-cards__card li {
  list-style: none;
  margin: 0;
  padding: 7px 25px 7px 0;
  line-height: 1.2;
  position: relative;
}
.room120_tooltip-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.room120_price-cards__button {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 25px;
  transition: background-color .4s cubic-bezier(.24,.46,.45,.94), color .4s cubic-bezier(.24,.46,.45,.94);
  white-space: normal;
  text-decoration: none;
}
.room120_price-cards__button:hover {
  text-decoration: none;
}
.room120_price-cards__price-wrap {
  margin-bottom: 27px;
}
.room120_price-cards__card-price {
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: -.01em;
  font-weight: 400;
  display: inline-block;
  color: #000;
}
.room120_price-cards__timeframe {
  letter-spacing: -.01em;
  font-size: 22px;
  font-weight: 400;
  display: inline-block;
}
.room120_price-cards__savings {
  margin-top: 5px;
  font-size: 15px;
  transition: opacity .4s ease .1s;
}
.room120_hide + .room120_price-cards__savings {
  opacity: 0;
  transition: 0s 0s;
}
.room120_price-cards__below {
  margin-top: 15px;
}

.room120_price-cards__switch-inner {
  position: relative;
  display: inline-flex;
  padding: 4px;
  border: 2px solid rgba(0,0,0,.07);
  margin-bottom: 60px;
  border-radius: 300px;
  background: transparent;
  position: relative;
  overflow: hidden;
}
.room120_price-cards__switch-inner [type="radio"] {
  position: absolute;
  left: -9999px;
}
.room120_price-cards__switch-inner [type="radio"]:checked#monthly ~ label[for="monthly"],
.room120_price-cards__switch-inner [type="radio"]:checked#yearly ~ label[for="yearly"] {
  color: #fff;
}
.room120_price-cards__switch-inner
  [type="radio"]:checked#monthly
  + label[for="yearly"]
  ~ .room120_price-cards__highlighter {
  transform: none;
}
.room120_price-cards__switch-inner
  [type="radio"]:checked#yearly
  + label[for="monthly"]
  ~ .room120_price-cards__highlighter {
  transform: translateX(100%);
}
.room120_price-cards__switch-inner label {
  font-size: 18px;
  z-index: 1;
  padding: 14px 32px;
  line-height: 1;
  cursor: pointer;
  border-radius: 300px;
  text-align: center;
  transition: color 0.4s cubic-bezier(.23,.46,.4,1)
}
.room120_price-cards__switch-inner.room120_price-cards__switch__color-light {
  border-color: rgba(255,255,255,.2);
}
.room120_price-cards__switch-inner.room120_price-cards__switch__color-light label {
  color: #fff;
}
.room120_price-cards__switch-inner.room120_price-cards__switch__color-dark label {
  color: #000;
}
.room120_price-cards__switch-inner .room120_price-cards__highlighter {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  border-radius: 30px;
  transition: transform 0.4s cubic-bezier(.23,.46,.4,1);
}

@media (min-width: 768px) and (max-width: 960px) {
  .room120_price-cards__card.span4  {
    padding: 45px 30px;
  }
  .room120_price-cards__card li {
    font-size: .88em;
  }
  .room120_price-cards__timeframe {
    display: block;
    font-size: 18px;
  }
}

.room120_price-cards__card-color-white .room120_price-cards__card-title, 
.room120_price-cards__card-color-white .room120_price-cards__card-body *,
.room120_price-cards__card-color-white .room120_price-cards__below,
.room120_price-cards__card-color-white .room120_price-cards__below a {
  color: #fff;
}
.room120_price-cards__card-color-black .croom120_price-cards__card-title, 
.room120_price-cards__card-color-black .room120_price-cards__card-body *,
.room120_price-cards__card-color-black .room120_price-cards__below,
.room120_price-cards__card-color-black .room120_price-cards__below a {
  color: #000;
}
.room120_price-cards__card-color-white .room120_tooltip-icon svg path {
  fill: rgba(255,255,255,.5);
}
.room120_price-cards__card-color-black .room120_tooltip-icon svg path {
  fill: rgba(0,0,0,.33);
}

/* START TOOLTIP STYLES */
/* Applies to all tooltips */
.room120_price-cards [tooltip]::before,
.room120_price-cards [tooltip]::after {
  text-transform: none;
  line-height: 1.3;
  font-size: 14px;
  text-align: left;
  letter-spacing: 0;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
.room120_price-cards [tooltip]::before {
  content: '';
  border: 5px solid transparent;
  z-index: 1001;
}
.room120_price-cards [tooltip]::after {
  content: attr(tooltip);
  min-width: 3em;
  max-width: 280px;
  width: max-content;
  white-space: normal;
  overflow: hidden;
  padding: 12px 20px;
  border-radius: 4px;
  background: rgba(0,0,0,.8);
  color: #fff;
  z-index: 1000;
}
.room120_price-cards [tooltip]:hover::before,
.room120_price-cards [tooltip]:hover::after {
  display: block;
}
.room120_price-cards [tooltip='']::before,
.room120_price-cards [tooltip='']::after {
  display: none !important;
}
/* FLOW: UP */
.room120_price-cards [tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: rgba(0,0,0,.9);
}
.room120_price-cards [tooltip]:not([flow])::after,
.room120_price-cards [tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
.room120_price-cards [tooltip]:not([flow])::before,
.room120_price-cards [tooltip]:not([flow])::after,
.room120_price-cards [tooltip][flow^="up"]::before,
.room120_price-cards [tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}
.room120_price-cards .room120_tooltip-icon[tooltip]:not([flow])::before,
.room120_price-cards .room120_tooltip-icon[tooltip]:not([flow])::after,
.room120_price-cards .room120_tooltip-icon[tooltip][flow^="up"]::before,
.room120_price-cards .room120_tooltip-icon[tooltip][flow^="up"]::after {
  transform: translate(calc(-100% + 30px),-.5em);
}
.room120_price-cards .room120_tooltip-icon[tooltip]:not([flow])::before,
.room120_price-cards .room120_tooltip-icon[tooltip][flow^="up"]::before {
  left: unset;
  right: 23px;
}
/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-vert-icon {
  to {
    opacity: 1;
    transform: translate(calc(-100% + 30px), 0);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
/* FX All The Things */ 
.room120_price-cards [tooltip]:not([flow]):hover::before,
.room120_price-cards [tooltip]:not([flow]):hover::after,
.room120_price-cards [tooltip][flow^="up"]:hover::before,
.room120_price-cards [tooltip][flow^="up"]:hover::after,
.room120_price-cards [tooltip][flow^="down"]:hover::before,
.room120_price-cards [tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}
.room120_price-cards [tooltip][flow^="left"]:hover::before,
.room120_price-cards [tooltip][flow^="left"]:hover::after,
.room120_price-cards [tooltip][flow^="right"]:hover::before,
.room120_price-cards [tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}
.room120_price-cards .room120_tooltip-icon[tooltip]:not([flow]):hover::before,
.room120_price-cards .room120_tooltip-icon[tooltip]:not([flow]):hover::after,
.room120_price-cards .room120_tooltip-icon[tooltip][flow^="up"]:hover::before,
.room120_price-cards .room120_tooltip-icon[tooltip][flow^="up"]:hover::after,
.room120_price-cards .room120_tooltip-icon[tooltip][flow^="down"]:hover::before,
.room120_price-cards .room120_tooltip-icon[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert-icon 300ms ease-out forwards;
}
.room120_hide {
  display: none;
}
.room120-link {
  text-decoration: none;
  display: inline;
  position: relative;
  z-index: 1;
}
.room120-link:after {
  content: '';
  display: block;
  background-color: currentColor;
  transition: all .3s cubic-bezier(.785,.135,.15,.86), color .3s;
  position: absolute;
  z-index: 0;
  width: auto;
  height: .5em;
  top: auto;
  left: -.25em;
  right: -.25em;
  bottom: .025em;
  opacity: .1;
}
.room120-link:before {
  bottom: -5px;
  content: '';
  height: 1em;
  left: 0;
  position: absolute;
  width: 100%;
  background: transparent;
}
.room120-link:hover:after {
  left: 0;
  right: 0;
  bottom: -.2em;
  height: 2px;
  opacity: 1;
}