.layout-events-cards {
    padding: 45px 25px;
    .content-wrapper {
      max-width: 1520px;
      margin: 0 auto;

      .grid {
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
        gap: 20px;

        .grid-item {
          border: 2px solid #cdd1d4;
          position: relative;
          .image {
            width: 100%;
            height: 250px;
            img {
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
          }

          .content {
            padding: 35px 25px 125px;

            h4 {
              font-size: 1rem;
              font-weight: 600;
              margin-bottom: 15px;

              &.date {
                color: #62bb46;
              }
            }

            p {
              font-size: 1rem;
              line-height: 2rem;
              margin-bottom: 15px;
            }

            .button-wrap {
              display: flex;
              align-items: center;
              gap: 20px;
              position: absolute;
              bottom: 40px;
              left: 25px;

              a.btn {
                min-width: 150px;
              }

              a.arrow-btn {
                height: 50px;
                display: flex;
                align-items: center;
              }
            }
          }
        }


      }
    }

    @media (max-width: 1024px) {
      .content-wrapper {
        .grid {
          grid-template-columns: minmax(0,1fr);

          .grid-item {
            .content {
              padding: 35px 20px;
              .button-wrap {
                position: relative;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                left: 0;
                bottom: 0;
                margin-top: 20px;
                gap: 10px;
              }
            }
          }
        }
      }
    }
  }