.diagram-frontpage-button a.wp-block-button__link {
    background-color: var(--wp--preset--color--text-primary) !important;
    color: var(--wp--preset--color--text-inverted);
    font-family: var(--wp--preset--font-family--roboto-mono);
    font-size: var(--wp--preset--font-size--buttons);
    font-style: normal;
    font-weight: 400;
    line-height: 1.45;
    border-radius: 0;
    width: 450px;
    padding: 22px !important;
    transition: background-color 0.3s ease-in-out;
}

.diagram-frontpage-button a.wp-block-button__link:hover {
    background-color: var(--wp--preset--color--primary-e-5006-d) !important;
}

@media (max-width: 1700px) {
    .diagram-frontpage-button a.wp-block-button__link {
        width: 300px;
    }
}

@media (max-width: 768px) {
    .diagram-frontpage-button a.wp-block-button__link {
        width: 290px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (max-width: 420px) {
    .diagram-frontpage-button a.wp-block-button__link {
        width: 220px;
    }
}