diff --git a/_includes/footer.html b/_includes/footer.html index fc70022..2539323 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -6,6 +6,6 @@

-

Made with ❤️ by Ura Design

+

Made with ❤️ by Ura Design

diff --git a/_includes/header.html b/_includes/header.html index 762c484..b619671 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -20,7 +20,7 @@ -

plug & play logos

+

plug & play logos

Build MVP products and get work done without worrying about a logo. Download a logo from our library and get started, or name a price to get an exclusive logo for you, made by us at Ura.

diff --git a/_sass/_layout.scss b/_sass/_layout.scss index 3325afa..abf0658 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -30,6 +30,18 @@ text-transform: uppercase; padding: 12px 24px; box-sizing: border-box; + + &:hover { + background-color: #444; + color: #fff; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + + &:active { + background-color: #000; + } } .button-free { @@ -55,20 +67,21 @@ .button-premium { display: inline-block; text-decoration: none !important; - color: #000 !important; - background-color: #fff; + color: #fff !important; + background-color: #257BAD; font-size: 16px !important; font-weight: 600; text-transform: uppercase; - border: 3px solid #FFFFFF; + border: 3px solid #257BAD; box-sizing: border-box; border-radius: 10px; padding: 12px 20px; margin-left: 15px; &:hover { - background-color: #000 !important; - color: #fff !important; + background-color: #fff !important; + color: #000 !important; + border: 3px solid #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;