Welcome

<html><head><meta name="viewport" content="width=device-width, initial-scale=1" /><style> a:link { color: whtie; background-color: transparent; text-decoration: none; } a:visited { color: white; background-color: transparent; text-decoration: none; } a:hover { color: whtie; background-color: transparent; text-decoration: underline; } a:active { color: white; background-color: transparent; text-decoration: underline; } .button { background-color: #bfe3d3; border: none; color: white; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } .button1 {border-radius: 2px;} .button2 {border-radius: 4px;} .button3 {border-radius: 8px;} .button4 {border-radius: 12px;} .button5 {border-radius: 50%;} .button { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .button:hover { background-color: #9c9c9c; /* Gray */ color: white; } </style></head><body> <h2>Rounded Buttons</h2> <p>Add rounded corners to a button with the border-radius property:</p> <button class="button button4"><a href="https://www.thestationerymuse.com/collections/all">Shop Now!</a></button> <br /> <button class="button button4"><a href="https://www.thestationerymuse.com/pages/live-love-inspire-box">The Live. Love. Inspire. Box</a></button> <br /> <button class="button button4"><a href="https://www.thestationerymuse.com/pages/about">What is The Stationery Muse?</a></button></body></html>
×