.clivos-study-material {
    margin-block: 2rem;
    padding: 1.5rem;
    border: 1px solid #dcdcde;
    border-radius: 0.5rem;
}

.clivos-study-material h2 {
    margin-top: 0;
}

.clivos-study-material__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.clivos-study-material .clivos-study-material__button {
    display: inline-block;
    padding: 0.7rem 1rem;
    border: 2px solid #135e96;
    border-radius: 0.25rem;
    background: #135e96;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.clivos-study-material .clivos-study-material__button:hover {
    background: #0a4b78;
    color: #fff;
}

.clivos-study-material .clivos-study-material__button:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
    box-shadow: 0 0 0 6px #135e96;
}

.clivos-study-material__sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}