/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-button {
  position: relative; }
  .wp-block-cgb-block-button button {
    cursor: pointer;
    border: none !important;
    background-color: transparent !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    color: var(--btn_color); }
    .wp-block-cgb-block-button button.see-less {
      color: transparent; }
      .wp-block-cgb-block-button button.see-less::after {
        color: var(--grey);
        opacity: 1; }
    .wp-block-cgb-block-button button:focus {
      outline: 0 !important; }
    .wp-block-cgb-block-button button:hover .more-bg {
      background-color: var(--limegreen_hovered); }
    .wp-block-cgb-block-button button::after {
      position: absolute;
      display: block;
      left: -15px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      content: 'Voir moins';
      opacity: 0; }
    .wp-block-cgb-block-button button .more-bg {
      display: block;
      margin-left: 15px;
      background-color: #C5FFCC;
      height: 75px;
      width: 75px;
      position: relative; }
      .wp-block-cgb-block-button button .more-bg .vertical {
        display: block;
        position: absolute;
        left: 50%;
        top: calc(50% - 12px);
        background-color: var(--btn_color);
        height: 25px;
        width: 1px; }
      .wp-block-cgb-block-button button .more-bg .horizontal {
        display: block;
        position: absolute;
        left: 50%;
        top: calc(50% - 12px);
        background-color: var(--btn_color);
        height: 25px;
        width: 1px;
        -webkit-transform: rotateZ(90deg);
            -ms-transform: rotate(90deg);
                transform: rotateZ(90deg); }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-blocklink {
  position: relative; }
  .wp-block-cgb-blocklink a {
    cursor: pointer;
    border: none !important;
    background-color: transparent !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    color: var(--btn_color); }
    .wp-block-cgb-blocklink a.see-less {
      color: transparent; }
      .wp-block-cgb-blocklink a.see-less::after {
        color: var(--grey);
        opacity: 1; }
    .wp-block-cgb-blocklink a:focus {
      outline: 0 !important; }
    .wp-block-cgb-blocklink a:hover .more-bg {
      background-color: var(--limegreen_hovered); }
    .wp-block-cgb-blocklink a::after {
      position: absolute;
      display: block;
      left: -15px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      content: 'Voir moins';
      opacity: 0; }
    .wp-block-cgb-blocklink a .more-bg {
      display: block;
      margin-left: 15px;
      background-color: #C5FFCC;
      height: 75px;
      width: 75px;
      position: relative; }
      .wp-block-cgb-blocklink a .more-bg .vertical {
        display: block;
        position: absolute;
        left: calc(50% - 3.5px);
        top: calc(50% - 7.5px);
        border-right: solid 1px var(--btn_color);
        border-top: solid 1px var(--btn_color);
        height: 15px;
        width: 15px;
        -webkit-transform: rotateZ(45deg);
            -ms-transform: rotate(45deg);
                transform: rotateZ(45deg); }
      .wp-block-cgb-blocklink a .more-bg .horizontal {
        display: block;
        position: absolute;
        left: 50%;
        top: calc(50% - 12px);
        background-color: var(--btn_color);
        height: 25px;
        width: 1px;
        -webkit-transform: rotateZ(90deg);
            -ms-transform: rotate(90deg);
                transform: rotateZ(90deg); }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.price-btn {
  position: relative;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 1vw;
  -webkit-box-shadow: 5px 5px 16px rgba(20, 20, 20, 0.2);
          box-shadow: 5px 5px 16px rgba(20, 20, 20, 0.2);
  background-color: white;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .price-btn .nbrroom, .price-btn .price {
    font-size: 1.5vmax;
    font-weight: 500;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .price-btn .nbrroom:not(.price), .price-btn .price:not(.price) {
      margin-bottom: 25px;
      display: block; }
  .price-btn p {
    margin-bottom: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
  .price-btn .cta {
    white-space: nowrap;
    border: solid 1px var(--grey);
    padding: 10px;
    font-weight: 300;
    color: var(--grey);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-25%);
        -ms-transform: translateX(-50%) translateY(-25%);
            transform: translateX(-50%) translateY(-25%); }
    .price-btn .cta:hover {
      background-color: white; }
  .price-btn:hover {
    background-color: var(--limegreen); }
    .price-btn:hover .cta {
      opacity: 1; }
    .price-btn:hover p {
      opacity: 0; }