Link and Button hover design

 

Step:1
====

/* Column and Button Design */

.pb-com {

    background: linear-gradient(#599bb3, #408c99);

    box-shadow: 0px 2px 4px -2px #276873;

    color: rgb(13, 13, 13);

    font-weight: 600;

    width: 100% !important;

    text-align: left !important;

}

.pb-com:hover {

    background: linear-gradient(#408c99, #599bb3);

    font-weight: 800;

    font-size:larger;

    }

-----------------------------------------------------------

This Code Write Text file and change file extention .css
File name: Column_Button_Design.css
and upload Shared Components --> Static Workspace Files

and Copy Reference : #WORKSPACE_FILES#Column_Button_Design#MIN#.css

Go to Shared Components --> User Interface Attributes--> CSS
and Copy to Paste Reference
       Example: #WORKSPACE_FILES#Column_Button_Design#MIN#.css

Step: 2
=====

Select Column .
Link Attributes: class="t-Button t-Button--hot t-Button--tiny  pb-com" 

And 

Select Button.
CSS Classes: pb-com