# b-blocks/trunk/build/mailto/view.css

bBlocks – Essential Gutenberg Blocks & Patterns Collection, version trunk. 2 lines.

- Page: https://pluginprobe.com/plugins/b-blocks/trunk/code/build/mailto/view.css
- Raw: https://pluginprobe.com/plugins/b-blocks/trunk/raw/build/mailto/view.css
- Modified: 2026-09-10T10:41:24+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/b-blocks/trunk/code/build/mailto/view.css#L10-L20`.

```css
.wp-block-b-blocks-mailto .bBlocksMailto *{box-sizing:border-box}.wp-block-b-blocks-mailto .bBlocksMailto a.mailtoButton{display:inline-block}.wp-block-b-blocks-mailto .bBlocksMailto a.mailtoButton:hover{text-decoration:none}.wp-block-b-blocks-mailto .bBlocksMailto a.mailtoButton i{color:inherit;font-size:inherit;font-style:inherit}.wp-block-b-blocks-mailto .bBlocksMailto a.mailtoButton>:first-child{margin-right:12px}.mailtoui-modal a{text-decoration:none!important}.mailtoui-modal .mailtoui-modal-head .mailtoui-modal-title{color:#146ef5}.mailtoui-modal .mailtoui-modal-head .mailtoui-modal-close{color:#ff7a00}.mailtoui-modal .mailtoui-modal-head .mailtoui-modal-close:focus,.mailtoui-modal .mailtoui-modal-head .mailtoui-modal-close:hover{color:#146ef5}.mailtoui-modal .mailtoui-modal-body{background-color:#f1f1f1}.mailtoui-modal .mailtoui-modal-body .mailtoui-button:focus .mailtoui-button-content{background-color:#146ef5;color:#fff}.mailtoui-modal .mailtoui-modal-body .mailtoui-button-content,.mailtoui-modal .mailtoui-modal-body .mailtoui-button-copy{background-color:#ff7a00;color:#fff}.mailtoui-modal .mailtoui-modal-body .mailtoui-button-content:focus,.mailtoui-modal .mailtoui-modal-body .mailtoui-button-content:hover,.mailtoui-modal .mailtoui-modal-body .mailtoui-button-copy:focus,.mailtoui-modal .mailtoui-modal-body .mailtoui-button-copy:hover{background-color:#146ef5;color:#fff}.mailtoui-modal .mailtoui-modal-body .mailtoui-button-content .mailtoui-button-icon,.mailtoui-modal .mailtoui-modal-body .mailtoui-button-content .mailtoui-button-text,.mailtoui-modal .mailtoui-modal-body .mailtoui-button-copy .mailtoui-button-icon,.mailtoui-modal .mailtoui-modal-body .mailtoui-button-copy .mailtoui-button-text{top:0}.mailtoui-modal .mailtoui-modal-body .mailtoui-email-address{background-color:#fff;color:#146ef5;font-weight:700}.mailtoui-modal .mailtoui-modal-body .mailtoui-button-copy-clicked,.mailtoui-modal .mailtoui-modal-body .mailtoui-button-copy-clicked:focus,.mailtoui-modal .mailtoui-modal-body .mailtoui-button-copy-clicked:hover{background-color:#1f9d55;color:#fff}

```