# phone-button/trunk/include/style.php

Phone Button, version trunk. 107 lines.

- Page: https://pluginprobe.com/plugins/phone-button/trunk/code/include/style.php
- Raw: https://pluginprobe.com/plugins/phone-button/trunk/raw/include/style.php
- Modified: 2020-05-04T22:53:08+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/phone-button/trunk/code/include/style.php#L10-L20`.

```php
<?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly ?>
<style>

    .yydevelopment-btn-phone {
        direction: ltr;
        display: block;
    }

    .yydevelopment-btn-phone .yydev_phone_btn_line {
        margin: 20px 0px 20px 0px;
    }

    .yydevelopment-btn-phone .input-very-short {
        width: 100px;
    }

    .yydevelopment-btn-phone .input-short {
        width: 200px;
    }

    .yydevelopment-btn-phone .input-long {
        width: 400px;
    }

    .yydevelopment-btn-phone .input-very-long {
        width: 500px;
    }

    .yydevelopment-btn-phone .yydev_light_img_bg {
      padding: 5px 5px 5px 5px;
      display: inline-block;
      float: left;
      margin: 0px 10px 0px 10px;
      cursor: pointer;
    }

    .yydevelopment-btn-phone span#footer-thankyou-code {
        margin: 0px 0px -30px 0px !important;
        padding: 0px;
        display: block;
        font-size: 14px;
        line-height: 1.55;
        font-style: italic;
        font-family: Arial,sans-serif !important;
        color: #555d66;
    }

    .yydevelopment-btn-phone textarea.form_shortcode_content {
        width: 100%;
        height: 250px;
        text-align: left;
        direction: ltr;
        display: block;
    }

    .yydevelopment-btn-phone .yydev-tags-submit {
        color: #fff;
        background: #4c4c4c;
        font-size: 20px;
        font-weight: bold;
        padding: 10px 20px 10px 20px;
        cursor: pointer;
        margin: 20px 10px 0px 0px;
    }

    .yydevelopment-btn-phone .yydev-tags-submit:hover {
        background: #393939;
    }

    .yydevelopment-btn-phone .align-center {
        text-align: center;
    }

    .yydevelopment-btn-phone .output-messsage {
        display: block;
        color: #fff;
        background: #0054ff;
        line-height: 30px;
        padding: 10px 10px 10px 10px;
        font-size: 20px;
        margin: 8px 0px 15px 0px;
    }

    .yydevelopment-btn-phone .error-messsage {
        display: block;
        color: #fff;
        background: #ff0000;
        line-height: 30px;
        padding: 10px 10px 10px 10px;
        font-size: 20px;
        margin: 8px 0px 15px 0px;
    }

    .yydevelopment-btn-phone .clear {
        display: block;
        clear: both;
    }

/*================================
=============== Mobile
==================================*/

@media only screen and (max-width: 960px) {

}

</style>
```