diff --git a/assets/styles/pages/post-article/post-article.css b/assets/styles/pages/post-article/post-article.css index 498b01c..8e567fa 100644 --- a/assets/styles/pages/post-article/post-article.css +++ b/assets/styles/pages/post-article/post-article.css @@ -83,15 +83,27 @@ body { .public__send { align-self: center; width: 30%; + max-width: 320px; margin-top: 20px; padding: 15px; font-size: 2rem; font-weight: 600; border-radius: 10px; border: 0; + color: var(--color-black); + border: 2px solid var(--color-secondary-green); + transition: all ease-in 500ms; + box-shadow: inset 0 0 0 0 var(--color-secondary-green); +} + +.public__send:hover { cursor: pointer; - color: var(--color-background); - background-color: var(--color-secondary-green); + box-shadow: inset 320px 0 0 0 var(--color-secondary-green); + color: var(--color-secundary-background); +} + +.public__send:active { + transform: scale(1.1); } /* Reescribiendo estilos de footer para esta page */ @@ -105,4 +117,4 @@ body { .footer .media svg path { fill: var(--color-background); -} +} \ No newline at end of file diff --git a/views/pages/post-article.php b/views/pages/post-article.php index 1945949..c5dd2e9 100644 --- a/views/pages/post-article.php +++ b/views/pages/post-article.php @@ -54,11 +54,11 @@ - + - +