.attentie {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #f5e8d7;
    padding: 40px;
    box-sizing: border-box;
    border-radius: var(--so-border-radius);
    gap: 16px 32px;
}

.attentie .attentie-content > * {
    margin-top: 0;
    margin-bottom: 12px;
}

.attentie .attentie-content > *:last-child {
    margin-bottom: 0;
}

.attentie .attentie-content {
    position: relative;
    margin-left: 40px;
    max-width: 640px;
    flex: 1;
}

.attentie .attentie-content:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg id='Frame'%3E%3Cpath id='Vector' d='M3.63311 28C3.38867 28 3.16644 27.9391 2.96644 27.8173C2.76644 27.6956 2.61089 27.5342 2.49978 27.3333C2.38867 27.1324 2.32778 26.9156 2.31711 26.6827C2.30644 26.4498 2.36733 26.2222 2.49978 26L14.8331 4.66667C14.9664 4.44444 15.1389 4.27778 15.3504 4.16667C15.562 4.05556 15.7784 4 15.9998 4C16.2211 4 16.438 4.05556 16.6504 4.16667C16.8629 4.27778 17.0349 4.44444 17.1664 4.66667L29.4998 26C29.6331 26.2222 29.6944 26.4502 29.6838 26.684C29.6731 26.9178 29.6118 27.1342 29.4998 27.3333C29.3878 27.5324 29.2322 27.6938 29.0331 27.8173C28.834 27.9409 28.6118 28.0018 28.3664 28H3.63311ZM5.93311 25.3333H26.0664L15.9998 8L5.93311 25.3333ZM15.9998 24C16.3776 24 16.6944 23.872 16.9504 23.616C17.2064 23.36 17.334 23.0436 17.3331 22.6667C17.3322 22.2898 17.2042 21.9733 16.9491 21.7173C16.694 21.4613 16.3776 21.3333 15.9998 21.3333C15.622 21.3333 15.3056 21.4613 15.0504 21.7173C14.7953 21.9733 14.6673 22.2898 14.6664 22.6667C14.6656 23.0436 14.7936 23.3604 15.0504 23.6173C15.3073 23.8742 15.6238 24.0018 15.9998 24ZM15.9998 20C16.3776 20 16.6944 19.872 16.9504 19.616C17.2064 19.36 17.334 19.0436 17.3331 18.6667V14.6667C17.3331 14.2889 17.2051 13.9724 16.9491 13.7173C16.6931 13.4622 16.3767 13.3342 15.9998 13.3333C15.6229 13.3324 15.3064 13.4604 15.0504 13.7173C14.7944 13.9742 14.6664 14.2907 14.6664 14.6667V18.6667C14.6664 19.0444 14.7944 19.3613 15.0504 19.6173C15.3064 19.8733 15.6229 20.0009 15.9998 20Z' fill='%23FF5F00'/%3E%3C/g%3E%3C/svg%3E");
    height: 32px;
    width: 32px;
    position: absolute;
    top: -6px;
    left: -40px;
    background-repeat: no-repeat;
    background-size: cover;
}

.attentie .attentie-content p {
    font-size: 14px;
}

@media only screen and (max-width: 781px) {
    .attentie {
        padding: 32px;
        gap: 16px;
    }
}

@media only screen and (max-width: 650px) {
    .attentie {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 576px) {
    .attentie {
        padding: 24px;
    }
}