.testimonial-mono { 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center; 
    align-items: stretch;
    gap: 30px; 
} 

.mono__item { 
    width: calc(100% / 3 - 30px);
    min-width: 290px;
    position: relative; 
    background-color: var(--tst-mn-contnet-background); 
    text-decoration: none;
    padding-bottom: 44px; 
}

.mono__item:hover {
    scale: 1.05;
    cursor: pointer;
}

.mono__item--img {
    width: 100%;
    aspect-ratio: 16 / 8;
    object-fit: cover;
    border-bottom: 3px solid var(--tst-mn-image-border);
}

.mono__item__content {
    padding: 20px;
}

.mono__item__content--title {
    color: var(--tst-mn-contnet-title);
}

.mono__item__content--description {
    color: var(--tst-mn-contnet-font);
}

.mono__item--btn {
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    bottom: 0;
    position: absolute;
}

.mono__item--btn.primary {
    color: var(--tst-mn-button-primary-colour);
    background: var(--tst-mn-button-primary-background);
}

.mono__item--btn.secondary {
    color: var(--tst-mn-button-secondary-colour);
    background: var(--tst-mn-button-secondary-background);
}

.mono__item--triangle {
    width: 0px;
    height: 0px;
    background-color: var(--bg);
    border-top: calc(var(--tst-mn-trinangle-size) / 2) solid var(--tst-mn-triangle-colour);
    border-right: calc(var(--tst-mn-trinangle-size) / 2) solid transparent;
    border-bottom: calc(var(--tst-mn-trinangle-size) / 2) solid transparent;
    border-left: calc(var(--tst-mn-trinangle-size) / 2) solid var(--tst-mn-triangle-colour);
    position: absolute;
    bottom: 0;
    right: 0;
    box-shadow: -1px -1px 5px 1px var(--bg);
}

@media (max-width: 768px) {
    .mono__item {
        width: calc(100% / 2 - 30px); 
    }
}

@media (max-width: 430px) {
    .mono__item {
        width: calc(100%);
    }
}