.common-options {
  
  & .common-options__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;

    @media (max-width: 1100px) {
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }
  }

  & .common-option {
    position: relative;
    min-height: 26rem;
    border-radius: var(--border-radius);
    overflow: clip;
    color: #fff;

    & img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    & .common-option__overlay {
      position: absolute;
      inset: 0;
      padding: 2rem;
      display: grid;
      align-content: end;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.15) 50%);

      strong {
        margin-bottom: 0.25rem;
      }

      .common-button {
        margin-top: 1.5rem;
      }
    }
  }
}