import { mediaQueries } from '../../../../utils/styles';
import { css } from 'emotion';

export const addressWrapperStyle = () => {
	return css`
		${mediaQueries.large(css`
			display: inline-flex;
			align-items: flex-end;
		`)} ${mediaQueries.small(css`
			display: block;
		`)};
	`;
};

export const findAddressStyles = () => {
	return css`
		${mediaQueries.large(css`
			margin-left: 20px;
			margin-top: 6px;
			button {
				width: 156px;
			}
		`)} ${mediaQueries.small(css`
			margin-left: 0;
			margin-top: 0;
			button {
				margin-top: 15px;
				width: 100%;
			}
		`)};
	`;
};