.ribbon{display:block;padding:5px;border-bottom:1px solid #121212;background-color:#121212;text-align:center}.ribbon,.ribbon:hover{color:#fff}@media (min-width:768px){.ribbon{padding:15px 10px}}.ribbon__body{display:inline-block;margin:0;text-decoration:none}.ribbon__body .button--link{font-size:inherit}.ribbon--light .button--link,.ribbon--light .button--link:hover{color:#fff}.ribbon--dark{background-color:#fff;color:#121212}.ribbon--dark .button--link,.ribbon--dark .button--link:hover,.ribbon--dark:hover{color:#121212}