<template>
  <div class="pointer right-button">
    <svg-icon name="right"></svg-icon>
  </div>
</template>

<script setup lang="ts" name="RightButton">
import SvgIcon from '../common/SvgIcon.vue'
</script>

<style scoped lang="scss">
.right-button {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  color: $color--white;
  background: $color--primary;
  box-shadow: 0px 4px 8px 0px rgba(0, 145, 255, 0.3);
  border-radius: 12px;
  &:hover {
    filter: brightness(1.1);
  }
}
</style>
