diff --git a/_pages/cases.md b/_pages/cases.md
index 074c37bbb..4a72bceb2 100644
--- a/_pages/cases.md
+++ b/_pages/cases.md
@@ -73,10 +73,8 @@ lead: |-
## Press Release
- [Justice Department Secures Agreements With Texas Counties To Ensure Election Website Accessibility For People With Disabilities
- ](https://www.justice.gov/opa/pr/justice-department-secures-agreements-texas-counties-ensure-election-website-accessibility)
- - [Read More](https://www.justice.gov/opa/pr/justice-department-secures-agreements-texas-counties-ensure-election-website-accessibility)
-- [Justice Department Secures Landmark Agreement with City of Anoka, Minnesota, to End Disability Discrimination in “Crime-Free” Housing Program](https://www.justice.gov/opa/pr/justice-department-secures-landmark-agreement-city-anoka-minnesota-end-disability)
- - [Read More](https://www.justice.gov/opa/pr/justice-department-secures-landmark-agreement-city-anoka-minnesota-end-disability)
+ ](https://www.justice.gov/opa/pr/justice-department-secures-agreements-texas-counties-ensure-election-website-accessibility) [Read More](https://www.justice.gov/opa/pr/justice-department-secures-agreements-texas-counties-ensure-election-website-accessibility)
+- [Justice Department Secures Landmark Agreement with City of Anoka, Minnesota, to End Disability Discrimination in “Crime-Free” Housing Program](https://www.justice.gov/opa/pr/justice-department-secures-landmark-agreement-city-anoka-minnesota-end-disability) [Read More](https://www.justice.gov/opa/pr/justice-department-secures-landmark-agreement-city-anoka-minnesota-end-disability)
View all press releases
diff --git a/assets/images/book-circle.svg b/assets/images/book-circle.svg
new file mode 100644
index 000000000..90faca4ce
--- /dev/null
+++ b/assets/images/book-circle.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/assets/sass/custom/_buttons.scss b/assets/sass/custom/_buttons.scss
index f484a1eb8..651869dca 100644
--- a/assets/sass/custom/_buttons.scss
+++ b/assets/sass/custom/_buttons.scss
@@ -190,6 +190,52 @@ span.usa-sr-only {
}
}
+.readlinks {
+ ul {
+ display: grid;
+ @include at-media(mobile) {
+ grid-template-columns: auto;
+ }
+ @include at-media(tablet) {
+ grid-template-columns: auto auto;
+ }
+ @include at-media(desktop) {
+ grid-template-columns: auto auto;
+ }
+ column-gap: 3em;
+ list-style: none;
+ padding: 0;
+
+ li {
+ border: 1px solid #D9D9D9;
+ margin-bottom: 3em;
+ background: url("../images/book-circle.svg") 1em 1em no-repeat;
+ padding: 1em;
+ padding-left: calc(67px + 2em);
+
+ a:first-child {
+ display: block;
+ font-size: 22px;
+ color: #162E51;
+ text-decoration: none;
+ }
+
+ a:last-child {
+ width: fit-content;
+ display:block;
+ font-weight: bold;
+ margin-top: 1em;
+ background-color: #005EA2;
+ color: white;
+ border-radius: 4px;
+ padding: 0.75em 1.5em;
+ text-decoration: none;
+ }
+ }
+ }
+}
+
+
.view-all-button, .view-all-button:visited, .view-all-button:hover {
width: fit-content;
background-color: white;