.user-feedback-container {
    display: grid;
    grid-auto-flow: column;
}

.user-feedback-container img {
    justify-self: center;
    align-self: center;
    width: 300px;
}

.user-feedback-container .text-container {
    display: grid;
    align-self: center;
    grid-template-rows: 40px 40px 140px;
}

.user-feedback-container .text-container .title {
    margin: 0;
    font-weight: 700;
    font-family: Roboto;
    color: var(--primary-font-color)
}

.user-feedback-container .text-container .description {
    margin: 0;
    font-weight: 400;
    align-self: center;
    font-family: Roboto;
    color: var(--primary-font-color)
}

.user-feedback-container .text-container .action-button {
    outline: none;
    border: none;
    align-self: center;
    width: 200px;
    height: 48px;
    font-size: 16px;
    border-radius: 4px;
    font-weight: 700;
    font-family: Roboto;
    color: var(--secondary-font-color);
    background: var(--secondary-color);
    box-shadow: 0 3px 6px rgba(var(--secondary-color-rgb), .6);
    cursor: pointer;
}

.user-feedback-container .text-container .action-button:hover {
    filter: contrast(95%);
}

.user-feedback-container .text-container .action-button:active {
    transform: translateY(1px);
}