<ui:composition
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://xmlns.jcp.org/jsf/html"
        xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
<h:outputStylesheet id="slideoutCSS">
<!-- EXAMPLE-SOURCE-START -->
/* Custom styles for the SlideOut */
.feedback-panel {
    border-color: DeepPink;
    border-width: 1px;
}
/*  Handle defaults and "closed" state */
.feedback-handle {
    padding: 8px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-color: #FF3366;
    color: DeepPink !important;
    background-color: white;
}
/*  Style applied to handle "open" state */
.ui-slideouttab-open>.feedback-handle {
    color: white !important;
    background-color: DeepPink;
}
<!-- EXAMPLE-SOURCE-END -->
</h:outputStylesheet>
</ui:composition>