.ReservationComponent {
  padding: 2rem 0; }
  .ReservationComponent .border-2 {
    border-top: 1px solid #a18866;
    border-bottom: 1px solid #a18866; }
  .ReservationComponent .col {
    height: 3rem;
    box-shadow: 10px 0 15px #00000021;
    border: 1px solid #fff; }
    .ReservationComponent .col:hover {
      background-color: #C8A76F;
      border: 1px solid #C8A76F; }
      .ReservationComponent .col:hover > a {
        color: #000000; }
    .ReservationComponent .col > a {
      display: block;
      height: 3rem;
      text-align: center;
      font-weight: 700;
      padding-top: 0.55rem;
      font-size: 1.1rem;
      text-decoration: none; }
    .ReservationComponent .col:first-child {
      border: 0;
      background-color: #a18866;
      color: #ffffff;
      padding-left: 0;
      font-weight: 700;
      padding-top: 0.55rem;
      font-size: 1.1rem;
      text-align: end;
      overflow: hidden; }
      .ReservationComponent .col:first-child .reservation-icon {
        background-image: url(/images/rezewacja-online_03.png?3748dd2f006e139b57fbcf03f0937acd);
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: -0.5rem;
        float: left;
        height: 3rem;
        width: 3rem; }
    .ReservationComponent .col: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; }