.ReservationComponent {
  padding: 2rem 0; }
  .ReservationComponent .border-2 {
    border-top: 1px solid #a18866;
    border-bottom: 1px solid #a18866; }
  .ReservationComponent .col-9 {
    height: 3rem;
    background-color: #fefefe;
    box-shadow: 10px 0 15px #00000021;
    border: 1px solid #fff; }
    .ReservationComponent .col-9:hover > a {
      color: #088fbc; }
    .ReservationComponent .col-9 > a {
      display: block;
      height: 3rem;
      text-align: center;
      font-weight: 700;
      padding-top: 0.55rem;
      font-size: 1.1rem;
      text-decoration: none; }
      .ReservationComponent .col-9 > a > img {
        max-height: 2rem; }
    .ReservationComponent .col-9:before {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 .6rem .6rem;
      border-color: transparent transparent #8c7049 transparent; }
  .ReservationComponent .col-3 {
    height: 3rem;
    box-shadow: 10px 0 15px #00000021;
    border: 1px solid #fff; }
    .ReservationComponent .col-3:first-child {
      border: 0;
      background-color: #b49872;
      color: #ffffff;
      padding-left: 0;
      font-weight: 700;
      padding-top: 0.55rem;
      font-size: 1.1rem;
      text-align: end;
      overflow: hidden; }
      .ReservationComponent .col-3:first-child .reservation-icon {
        background-image: url(/images/rezewacja-online_07.png?a09c5f873a3632f229f2c93bc30c978a);
        background-size: contain;
        background-repeat: no-repeat;
        margin: -0.5rem auto;
        height: 3rem;
        width: 3rem; }
    .ReservationComponent .col-3:before {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 .6rem .6rem;
      border-color: transparent transparent #8c7049 transparent; }