@import '@/styles/responsive.scss';
@import 'rfs/scss';

.booking {
  .createNewBooking {
    box-shadow: 4px 6px 10px 0px rgba(56, 124, 68, 0.15);
    border: 1px solid rgba(56, 124, 68, 0.2);
    border-radius: 230px;
    background: #fff;
    max-width: 100%;
    height: 80px;

    &:hover {
      border: 1px solid #4ea76033;
      box-shadow: none;
      background: #4ea760;

    }
    &.active {
      background: #4ea760;
    }

    @include laptop {
      height: 60px;

      h5 {
        font-size: clamp(0.8rem, 4vw + 1rem, 1rem);
      }
    }

    @include small-screen {
      justify-content: center;

      h5 {
        margin-bottom: 0px;
        padding-bottom: 0px;
        font-size: 14px;
      }
    }
  }

  .marginTop {
    @include margin-top(1rem);
  }
}