CMS - make email me button widget

[dfe-lance]

https://components.publishing.service.gov.uk/component-guide/single_page_notification_button

#AB303114

[dfe-lance]

Praveen has sent CSS to use: /* single-page-notification style */
.gem-c-single-page-notification-button__submit {
padding: 10px;
margin: 0;
border: 1px solid #484949;
color: var(--govuk-link-colour, #1a65a6);
cursor: pointer;
background: none;
font-family: "GDS Transport",arial,sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400;
font-size: 1rem;
line-height: 1.25
}

@media print {
.gem-c-single-page-notification-button__submit {
font-family: sans-serif
}
.gem-c-single-page-notification-button__submit {
font-size: 14pt;
line-height: 1.2
}
}

.gem-c-single-page-notification-button__submit:focus {
border-color: rgba(0,0,0,0);
outline: 3px solid rgba(0,0,0,0);
color: var(--govuk-focus-text-colour, #0b0c0c);
background-color: var(--govuk-focus-colour, #ffdd00);
box-shadow: 0 -2px var(--govuk-focus-colour, #ffdd00),0 4px var(--govuk-focus-text-colour, #0b0c0c);
text-decoration: none
}

@supports not (text-wrap: balance) {
.gem-c-single-page-notification-button__submit:focus {
-webkit-box-decoration-break:clone;
box-decoration-break: clone
}
}

.gem-c-single-page-notification-button__submit:hover {
background-color: #f3f3f3;
color: var(--govuk-link-hover-colour, #0f385c)
}

.gem-c-single-page-notification-button__submit:hover:focus {
color: var(--govuk-text-colour, #0b0c0c);
box-shadow: 0 3px var(--govuk-text-colour, #0b0c0c)
}

.gem-c-single-page-notification-button__icon {
color: #0b0c0c;
vertical-align: top;
margin-right: 5px
}

.govuk-frontend-supported .gem-c-single-page-notification-button.js-personalisation-enhancement {
opacity: 0
}

.govuk-frontend-supported .gem-c-single-page-notification-button.js-personalisation-enhancement.gem-c-single-page-notification-button--visible {
opacity: 1
}

[dfe-lance]

The link in the desc leads to here: https://github.com/alphagov/account-api/blob/main/docs/api.md#get-apipersonalisationcheck-email-subscriptiontopic_slug