diff --git a/src/assets/css/components/cta.scss b/src/assets/css/components/cta.scss index a3335ea..fc2037b 100644 --- a/src/assets/css/components/cta.scss +++ b/src/assets/css/components/cta.scss @@ -8,8 +8,9 @@ @apply bg-construction; } &--button-icon { - @apply relative; - + @apply relative border-none cursor-pointer; + + transition: all .4s ease-in-out; &:after { @apply absolute w-12 h-12 z-20 left-1/2 top-1/2; content: ""; @@ -18,15 +19,21 @@ background-size: contain; background-repeat: no-repeat; } + &:hover { + scale: 1.2; + } } &--play { &:after { - background-image: url("../../img/icon-play.svg"); + background-image: url("../../img/icons/icon-play.svg"); } } &--next { &:after { - background-image: url("../../img/arrow-next.svg"); + background-image: url("../../img/icons/arrow-next.svg"); } } } +.motion-button { + @apply bg-transparent w-fit h-fit border-none; +}