-.guestbook-feed .guestbook-post {
- display: block;
- border-bottom: 0.071em solid #99a3a4;
- padding: 1.071em;
-}
-
-.guestbook-post .author {
- font-weight: bold;
-}
-
-/*
- * The Recorder CSS
- */
-.pepperoni-widget {
- justify-content: space-between;
- display: flex;
-}
-
-.pepperoni-widget .record-button {
- display: flex;
- font-size: 1.538461em;
- padding: 10px 20px 50px;
- margin: 1em;
- height: 1em;
- background-color: #f1f1f1;
- cursor: pointer;
- transition: background-color 0.2s ease, color 0.2s ease;
-}
-
-.record-info {
- margin: 1em 0;
-}
-
-.pepperoni-widget .record-button.recording {
- background-color: #ff00ff;
- color: white;
- padding: 1em 1.1em 1em 0.68em;
-}
-
-.pepperoni-widget .record-button:hover {
- text-decoration: none;
- background-color: #fafafa;
-}
-
-.pepperoni-widget .record-button.recording:hover {
- background-color: #ff00ff;
- color: #f1f1f1;
-}
-
-.pepperoni-widget .record-progress {
- justify-content: space-between;
- display: flex;
- margin: 0.5em 0.76em;
-}
-
-.record-progress-bar-container {
- background-color: #f1f1f1;
- height: 2em;
- width: 15.385em;
- margin-right: 0.76em;
-}
-
-.record-progress-bar {
- height: 2em;
- background-color: #d30058;
- width: 0;
-}
-
-.record-clear {
- margin-top: 0.1em;
- text-transform: uppercase;
- font-size: 1em;
- width: 4em;
- cursor: pointer;