.nhsuk-button {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 28px;
    -webkit-appearance: none;
    background-color: #007f3b;
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: 0 4px 0 #00401e;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    margin-top: 0;
    padding: 12px 16px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: auto
}

@media (min-width:40.0625em) {
    .nhsuk-button {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .nhsuk-button {
        font-size: 14pt;
        line-height: 1.15
    }
}

@media (min-width:40.0625em) {
    .nhsuk-button {
        margin-bottom: 36px
    }
}

@media (max-width:40.0525em) {
    .nhsuk-button {
        padding: 8px 16px
    }
}

.nhsuk-button:active,
.nhsuk-button:hover,
.nhsuk-button:link,
.nhsuk-button:visited {
    color: #fff;
    text-decoration: none
}

.nhsuk-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.nhsuk-button:hover {
    background-color: #00662f
}

.nhsuk-button:focus {
    background: #ffeb3b;
    box-shadow: 0 4px 0 #212b32;
    color: #212b32;
    outline: 4px solid transparent
}

.nhsuk-button:focus:visited {
    color: #212b32
}

.nhsuk-button:focus:visited:active {
    color: #fff
}

.nhsuk-button:active {
    background: #00401e;
    box-shadow: none;
    color: #fff;
    top: 4px
}

.nhsuk-button::before {
    background: 0 0;
    bottom: -6px;
    content: "";
    display: block;
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px
}

.nhsuk-button:active::before {
    top: -6px
}

.nhsuk-button--secondary {
    background-color: #4c6272;
    box-shadow: 0 4px 0 #263139
}

.nhsuk-button--secondary:hover {
    background-color: #384853
}

.nhsuk-button--secondary:focus {
    background: #ffeb3b;
    box-shadow: 0 4px 0 #212b32;
    color: #212b32;
    outline: 4px solid transparent
}

.nhsuk-button--secondary:active {
    background: #263139;
    box-shadow: none;
    color: #fff;
    top: 4px
}

.nhsuk-button--secondary.nhsuk-button--disabled {
    background-color: #4c6272
}

.nhsuk-button--reverse {
    background-color: #fff;
    box-shadow: 0 4px 0 #212b32;
    color: #212b32
}

.nhsuk-button--reverse:hover {
    background-color: #f2f2f2;
    color: #212b32
}

.nhsuk-button--reverse:focus {
    background: #ffeb3b;
    box-shadow: 0 4px 0 #212b32;
    color: #212b32;
    outline: 4px solid transparent
}

.nhsuk-button--reverse:active {
    background: #212b32;
    box-shadow: none;
    color: #fff;
    top: 4px
}

.nhsuk-button--reverse:link {
    color: #212b32
}

.nhsuk-button--reverse:link:active {
    color: #fff
}

.nhsuk-button--reverse.nhsuk-button--disabled {
    background-color: #fff
}

.nhsuk-button--reverse.nhsuk-button--disabled:focus {
    background-color: #fff
}

.nhsuk-button--disabled,
.nhsuk-button[disabled=disabled],
.nhsuk-button[disabled] {
    background-color: #007f3b;
    opacity: .5;
    pointer-events: none
}

.nhsuk-button--disabled:hover,
.nhsuk-button[disabled=disabled]:hover,
.nhsuk-button[disabled]:hover {
    background-color: #007f3b;
    cursor: default
}

.nhsuk-button--disabled:focus,
.nhsuk-button[disabled=disabled]:focus,
.nhsuk-button[disabled]:focus {
    background-color: #007f3b;
    outline: 0
}

.nhsuk-button--disabled:active,
.nhsuk-button[disabled=disabled]:active,
.nhsuk-button[disabled]:active {
    box-shadow: 0 4px 0 #00401e;
    top: 0
}

.nhsuk-button--secondary[disabled=disabled],
.nhsuk-button--secondary[disabled] {
    background-color: #4c6272;
    opacity: .5
}

.nhsuk-button--secondary[disabled=disabled]:hover,
.nhsuk-button--secondary[disabled]:hover {
    background-color: #4c6272;
    cursor: default
}

.nhsuk-button--secondary[disabled=disabled]:focus,
.nhsuk-button--secondary[disabled]:focus {
    outline: 0
}

.nhsuk-button--secondary[disabled=disabled]:active,
.nhsuk-button--secondary[disabled]:active {
    box-shadow: 0 4px 0 #263139;
    top: 0
}

.nhsuk-button--reverse[disabled=disabled],
.nhsuk-button--reverse[disabled] {
    background-color: #fff;
    opacity: .5
}

.nhsuk-button--reverse[disabled=disabled]:hover,
.nhsuk-button--reverse[disabled]:hover {
    background-color: #fff;
    cursor: default
}

.nhsuk-button--reverse[disabled=disabled]:focus,
.nhsuk-button--reverse[disabled]:focus {
    outline: 0
}

.nhsuk-button--reverse[disabled=disabled]:active,
.nhsuk-button--reverse[disabled]:active {
    box-shadow: 0 4px 0 #212b32;
    top: 0
}

.nhsuk-radios__item {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    clear: left;
    display: block;
    margin-bottom: 8px;
    min-height: 40px;
    padding: 0 0 0 40px;
    position: relative
}

@media (min-width:40.0625em) {
    .nhsuk-radios__item {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .nhsuk-radios__item {
        font-size: 14pt;
        line-height: 1.15
    }
}

.nhsuk-radios__item:last-child,
.nhsuk-radios__item:last-of-type {
    margin-bottom: 0
}

.nhsuk-radios__input {
    cursor: pointer;
    height: 40px;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 1
}

.nhsuk-radios__label {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    padding: 8px 12px 4px;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.nhsuk-radios__hint {
    display: block;
    padding-left: 12px;
    padding-right: 12px
}

.nhsuk-radios__input+.nhsuk-radios__label::before {
    background: #fff;
    border: 2px solid #4c6272;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
}

.nhsuk-radios__input+.nhsuk-radios__label::after {
    background: #4c6272;
    border: 10px solid #212b32;
    border-radius: 50%;
    content: "";
    height: 0;
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 10px;
    width: 0
}

.nhsuk-radios__input:focus+.nhsuk-radios__label::before {
    border: 4px solid #212b32;
    box-shadow: 0 0 0 4px #ffeb3b
}

.nhsuk-radios__input:checked+.nhsuk-radios__label::after {
    opacity: 1
}

.nhsuk-radios__input:disabled,
.nhsuk-radios__input:disabled+.nhsuk-radios__label {
    cursor: default
}

.nhsuk-radios__input:disabled+.nhsuk-radios__label {
    opacity: .5
}

@media (min-width:40.0625em) {
    .nhsuk-radios--inline:after {
        clear: both;
        content: "";
        display: block
    }

    .nhsuk-radios--inline .nhsuk-radios__item {
        clear: none;
        float: left;
        margin-right: 24px
    }
}

.nhsuk-radios--inline.nhsuk-radios--conditional .nhsuk-radios__item {
    float: none;
    margin-right: 0
}

.nhsuk-radios__divider {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #212b32;
    margin-bottom: 8px;
    text-align: center;
    width: 40px
}

@media (min-width:40.0625em) {
    .nhsuk-radios__divider {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .nhsuk-radios__divider {
        font-size: 14pt;
        line-height: 1.15
    }
}

.nhsuk-radios__conditional {
    margin-bottom: 16px;
    border-left: 4px solid #4c6272;
    margin-left: 18px;
    padding-left: 30px
}

@media (min-width:40.0625em) {
    .nhsuk-radios__conditional {
        margin-bottom: 24px
    }
}

.nhsuk-radios__conditional>:last-child {
    margin-bottom: 0
}

.js-enabled .nhsuk-radios__conditional--hidden {
    display: none
}