30 lines
663 B
Vue
30 lines
663 B
Vue
|
<template>
|
||
|
|
<button class="quote-card-action-button__button">
|
||
|
|
<slot />
|
||
|
|
</button>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
@import '~/assets/css/components';
|
||
|
|
|
||
|
|
.quote-card-action-button {
|
||
|
|
&__button {
|
||
|
|
margin: 0 4px;
|
||
|
|
width: 48px;
|
||
|
|
height: 48px;
|
||
|
|
border: $quote-button-border;
|
||
|
|
border-radius: 48px;
|
||
|
|
background-color: $quote-button-background-color;
|
||
|
|
color: $quote-button-text-color;
|
||
|
|
font-family: $font-secondary;
|
||
|
|
font-size: 24px;
|
||
|
|
cursor: pointer;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
border: $quote-button-hover-border;
|
||
|
|
background-color: $quote-button-hover-background-color;
|
||
|
|
color: $quote-button-hover-text-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|