# give/4.16.9/src/Promotions/sharedResources/components/GreenButton.module.css

GiveWP – Donation Plugin and Fundraising Platform, version 4.16.9. 38 lines.

- Page: https://pluginprobe.com/plugins/give/4.16.9/code/src/Promotions/sharedResources/components/GreenButton.module.css
- Raw: https://pluginprobe.com/plugins/give/4.16.9/raw/src/Promotions/sharedResources/components/GreenButton.module.css
- Modified: 2022-02-25T01:33:58+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.16.9/code/src/Promotions/sharedResources/components/GreenButton.module.css#L10-L20`.

```css
.button {
    appearance: none;
    display: block;
    cursor: pointer;
    padding: 0.888em;
    border-radius: 9999px;
    border-width: 0.125rem;
    border-style: solid;
    border-color: #66bb6a;
    background-color: #66bb6a;
    color: #fff;
    font-weight: 700;
    font-size: 1.125rem;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    letter-spacing: -0.0278em;
    transition-duration: 200ms;
    transition-property: filter, color, background-color, text-shadow, box-shadow;
    transition-timing-function: ease;
}

.shadow {
    box-shadow: 0 2px 10px 0 rgba(105, 184, 107, 0.6);
}

.button:hover,
.button:active,
.button:focus {
    text-shadow: 0 0 0.125em rgba(0, 0, 0, 0.3);
    filter: brightness(115%);
    color: #fff;
}

.button:focus {
    box-shadow: 0 0 0.0625em 0.25em rgba(102, 187, 106, 0.4);
}

```